接上一篇概述，说一说手机网站网页的头部声明。
1 2 3 4 5 6 7 8 9 10 | <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset=utf-8" /> <meta http-equiv="Cache-Control" content="must-revalidate,no-cache" /> <meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=2.0;user-scalable=1" /> <title>我们的故事 iHandu.com - dUcky</title> <link href="style/mobile.css" rel="stylesheet" type="text/css" /> </head> |
上面的代码就是一个完整的手机网页的头部，解释几个比较特别的：
line 1: xml 的声明并不是必要的，但是听说会影响某些 wap 浏览器，比如 Sony Ericsson 的一些型号，“ 当接收到的 MIME 类型为 text/html 时, 会利用 XML 声明来区分 XHTML MP 和 IHTML（一个 NTT DoCoMo 定义的有专利的标记语言）文档；如果文档包含 XML 声明，它就是一个 XHTML MP 文档，否则它就是一个 IHTML 文档。”
line 2: 定义 DTD 的名字，声明了使用 XHTML Mobile 1.0 为内容格式。
line 5: “由OMA 定义的 XHTML MP 内容的首选 MIME 类型为：‘application/vnd.wap.xhtml+xml’ 。这一类型可以用于向 XHTML 用户代理提供 XHTML MP 文档支持。另外，也可使用 ‘application/xhtml+xml’ 。在一些 Symbian Series 60 浏览器上，必须使用 MIME 类型 ‘application/vnd.wap.xhtml+xml’ 以确保正确的 XHTML MP 内容视图。”
line 6: 设置浏览器缓存，这里是禁止缓存， must-revalidate 是针对某些浏览球通过返回按钮回到上一个标签而不重新装载。
line 7: 针对 iphone 的设置。width: 宽度；height: 的高度；initial-scale: 初始的缩放比例；minimum-scale: 允许用户缩放到的最小比例；maximum-scale: 允许用户缩放到的最大比例；user-scalable: 用户是否可以手动缩放。
其他都是最基本的，当然你也可以加上 keywords 或者 description 的 meta 标签。
（文中一些打双引号引用的文字都来源于网上的资料，但是我找不到源头了，感谢那些分享的人）
最后是 W3C 提供的移动网页使用的 XHTML 验证工具，它会对你做的页面提出建议和不符合标准的地方。
TzingChu
头部的名堂还蛮多的。。
手机平台繁杂造成好多麻烦啊。。页面设计和样式还有的烦，期待你的继续研究哦~~哈哈