XHTML MP 常用的 Meta 信息

xueqibuildxue

浏览: 786768 次
性别:
来自: 大连

最近访客更多访客>>

yf2000

XiaoPY

faxMonkey

feiruqueshui

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

移动技术

XHTML MP 常用的 Meta 信息

2011-03-08 11:22:54 | 分类：默认分类 | 字号订阅

你可以用 <meta /> 标签为你的 XHTML MP 文件指定一些常用的 meta 信息. <meta /> 标签应当被包含在 <head></head> 标签之间. WAP 浏览器会忽略它不能理解的 meta 信息. 你可以在一个 XHTML MP 文件中指定任何种类的 meta 信息而不影响页面的显示效果.

例如, 你或许想在你的 XHTML MP 文件中加入作者的名字而不在屏幕上显示它.
<meta name="author" content="linlin"/>

XHTML MP 的缓存控制

<meta /> 标签的用途之一是控制缓存中一个 XHTML MP 文件的过期时间. 缓存是无线设备中的一些内存空间, 这些空间临时存储着从服务器上下载下来的 XHTML MP 文件. 如果 WAP 浏览器发现所请求的某个 XHTML MP 文件位于缓存中并且还没有过期, WAP 浏览器将显示缓存中的文件以最小化加载延迟. 如果你的 XHTML MP 页面有对时间敏感的内容, 如财务数据, 你或许想把过期时间设置为一个较小的值甚至为 0, 以不至于使用户稍后看到过期的 XHTML MP 页面. 下面的 XHTML MP 例子展示了如何用 <meta /> 标签将一个 XHTML MP 页面的过期日期设置为 0.
<meta http-equiv="Cache-Control" content="no-cache"/>
或者是 <meta http-equiv="Cache-Control" content="max-age=0"/>

将一个 XHTML MP 文件的过期日期设置为 300 秒
<meta http-equiv="Cache-Control" content="max-age=300"/>

XHTML MP 中的间歇性刷新

在 XHTML MP 中, HTTP 刷新可用于通知 WAP 浏览器间歇性刷新当前页. 对于提供实时信息的移动互联网浏览应用来说, 这是一个非常有用的功能. 在下面的 XHTML MP 代码中, 页面每 15 秒钟自动被刷新一次. 要注意的是这个 XHTML MP 例子中需要 <meta http-equiv="Cache-Control" content="no-cache"/>. 如果上述代码没被包含, WAP 浏览器将仅仅显示缓存中的文档的复本, 而不需要每次刷新都连接服务器.
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="refresh" content="15"/>

HTTP 刷新可用于通知 WAP 浏览器在一定时间后去另一个 URL. 你可以利用此特征把用户重定向到另一个 XHTML MP 页面或者创建一个幻灯片，如下例子15 秒钟后把用户重定向到 "hello_world_example1.xhtml".
<meta http-equiv="refresh" content="15;URL=hello_world_example1.xhtml"/>

但注意, 某些 WAP 浏览器是不支持 HTTP 刷新的.

例外，几个有用的meta 信息

<meta id=" viewport " name="viewport " content="width=240; user-scalable=0;" />

viewport 的meta 标签
网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。
〈meta name="viewport " content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"〉

其中：
width - viewport 的宽度 height - viewport 的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

< meta name = "viewport "
content ="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="MobileOptimized" content="240" />

wap手机网页css（wap css）
大部分手机现在都支持XHTML浏览器，这意味着我们只需在stylesheets的类型设置成“handheld”即

* {

position: static !important;

float: none !important;
}
因为现行的手机的屏幕限制，没有太多的空间去漂移,故提倡用静态布局和尽量少的用float(ucweb6.0目前还不支持float)

为了手机的流量，提倡尽量少用背景图
background: none !important;

另外，有背景色的白字在部分手机上也是不支持的，故少用此效果（ucweb6.0目前也不支持）

手机网页编码需要遵循什么规范？
遵循XHTML Mobile Profile规范，简称为XHTML MP，也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。网页文档推荐使用扩展名？
推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。为什么现今大多数的网站一行字数上限为14个中文字符？
由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大概在16px左右。假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。使用WCSS还是CSS？
WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联网特性的属性，并加入一些具有WAP特性的扩展（如-wap- input-format/-wap-input-required/display:-wap-marquee等）。需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。避免空值属性
如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。网页大小限制
建议低版本页面不超过15k，高版本页面不超过60k。

分享到：

viewport不权威指南 | html5手机浏览器

2011-11-29 16:13
浏览 1584
评论(0)
分类:移动开发
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

XHTML MP 常用的 Meta 信息

XHTML MP 常用的 Meta 信息

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

XHTML MP 常用的 Meta 信息

XHTML MP 常用的 Meta 信息

评论

发表评论

相关推荐

todo

浅谈WAP网站安全（转)

wap随笔

viewport不权威指南

智能手机Web开发笔记

html5手机浏览器

手机html5

WAP2.0手机网站的开发(转)

IIS上搭建WAP网站

xhmtlMP基础（wap2.0开发）转

wap cookie

wap开发

[转发贴] .NET WAP开发-WAP2.0篇

手持通讯安全性问题解决方案思考

智能设备CAB的相关（转）

加密解密

浅谈手机软件架构设计(转)

解决WM设计时窗体继承显示不出来控件的问题

通过Windows Mobile连接管理器建立网络连接(转）

z转载：Mc3000开发培训（vb.net智能终端无线系统开发）

最近访客更多访客>>