诺基亚论坛
XHTML指南
版本1.2；2004年5月28日
Browsing
Forum.Nokia.com
版权?诺基亚公司 2004。版权所有。
Nokia和Nokia Connecting People是诺基亚公司的注册商标。Java以及基于Java的商标是 Sun
Microsystems 公司的注册商标。本文中提到的其它产品和公司名称可能是其相应公司的商标或商号。 否认声明：
本文提供的内容适用“概不保证”(as is)原则。即没有任何形式的保证，包括对产品可销售、适合特定目的以 及其它由本文任何建议、规范和范例衍生出来的任何保证。另外，本文提供的信息是初级的，因此在最终版本确定之前其可能有很大改动。本文目的仅是提供信息参考。
诺基亚公司不承诺承担任何责任，包括对任何所有权的侵害责任，尽管这些所有权与实施本文给出的内容有关。诺基亚公司不保证或声称使用本文内容不会侵害上述所有权。 诺基亚保留对本文，在未经事先通知的情况下，随时进行变更的权力。
许可声明：
允许对本文进行仅用于个人使用目的的下载和打印。在此没有许可任何其它知识产权。
XHTML 指南 2 Forum.Nokia.com
目 录
1
引言 .....................................................................................................................................................7 1.1 1.2 2
目标读者.....................................................................................................................................................7 相关规范.....................................................................................................................................................7
技术概述 .....................................................................................................................................................8 2.1 2.2 2.3 2.4 2.5 2.6
标记语言.....................................................................................................................................................8 WAP和WML...................................................................................................................................................8 XHTML Basic..............................................................................................................................................9 XHTML Mobile Profile..........................................................................................................................9 WAP CSS.....................................................................................................................................................10 WML和XHTML的传输协议...................................................................................................................10
3 设计原则 ...................................................................................................................................................12 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9
设计站点前的准备工作.......................................................................................................................12 设计优秀站点的基本原则..................................................................................................................12 关注导航模型.........................................................................................................................................12 设计导航层次.........................................................................................................................................13 针对小尺寸屏幕的设计考虑.............................................................................................................13 保持较短的文档大小...........................................................................................................................14 为移动电话设计应用软件..................................................................................................................14 保持用户任务流的流畅及图像的合理使用..................................................................................14 结构对新用户要简单但也不能忽视熟手用户.............................................................................14
3.10 在页面上提供足够信息.......................................................................................................................15 3.11 为用户操作提供信息反馈..................................................................................................................15 3.12 尽可能减少图像数量和减小图像容量大小..................................................................................15 3.13 定义图像高度和宽度属性..................................................................................................................16 3.14 谨慎使用表格.........................................................................................................................................16 3.15 考虑添加样式定义选项.......................................................................................................................16 3.16 删除代码内不必要的空白区和代码内的注释.............................................................................17 3.17 使用HTTP标题指示来支持页面缓存.............................................................................................17 3.18 使用Unicode 2.0字符集编写XHTML的内容.............................................................................17 3.19 使用正确的MIME类型和经过验证的XHTML代码......................................................................17 3.20 使用描述性页面标题和元素标签....................................................................................................18 3.21 使用多段/混合方式更快下载XHTML页面....................................................................................18 3.22 进行可用性测试....................................................................................................................................18 4
用XHTML MP创作内容.............................................................................................................................19 4.1
XHTML 指南 XHTML head元素...................................................................................................................................19
3 Forum.Nokia.com
4.1.1 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6
4.2 4.3 4.4
XML声明.................................................................................................................................19 DOCTYPE 元素.......................................................................................................................20 html根（root）元素........................................................................................................20 head元素...............................................................................................................................20 title 元素...........................................................................................................................20 定义样式表...........................................................................................................................21
结构、元信息、链接 、基................................................................................................................21 XHTML
元素..................................................................................................................................21 文本和列表元素....................................................................................................................................22 4.4.1 4.4.2 4.4.3 4.4.4 4.4.5 4.4.6 4.4.7文本布局(Text layout)元素.........................................................................................22 列表（list）.......................................................................................................................24 格式化（formatting）元素...........................................................................................25 XHTML Basic 和XHTML MP之间的格式化差异........................................................25 对XHTML MP的格式化扩展.............................................................................................26 CHTML浏览器对格式化的限制.......................................................................................26 对XHTML MP的格式化限制.............................................................................................26
4.5 锚（anchor）元素................................................................................................................................27 4.5.1 4.5.2 4.5.3 4.5.4 4.5.5 4.5.6 4.5.7
类似于WML卡片的分段锚................................................................................................27 发起电话呼叫.......................................................................................................................27 保存到电话簿.......................................................................................................................28 发送e-mail..........................................................................................................................28 快捷键.....................................................................................................................................28 菜单中的快捷键（Access-key）选项........................................................................29 创建锚的原则.......................................................................................................................31
4.6 Forms.........................................................................................................................................................31 4.6.1 4.6.2 4.6.3 4.6.4 4.6.5 4.6.6 4.6.7 4.6.8 4.6.9
form元素...............................................................................................................................31 input元素.............................................................................................................................32 文本和密码输入..................................................................................................................33 复选框.....................................................................................................................................34 单选按钮................................................................................................................................35 提交（Submit）或复位（Reset）按纽......................................................................35 文本区（textarea）元素................................................................................................35 选择（select）元素.........................................................................................................35 隐藏字段................................................................................................................................37
4.7 4.8
表格............................................................................................................................................................37 图像............................................................................................................................................................40
XHTML 指南 4 Forum.Nokia.com
4.9 关于XHTML的其它知识.......................................................................................................................41 4.9.1 4.9.2 4.9.3 4.9.4 4.9.5
软键.........................................................................................................................................41 脚本.........................................................................................................................................41 Cookies..................................................................................................................................41 框架.........................................................................................................................................41 扩展.........................................................................................................................................41
5 快速启动范例............................................................................................................................................42 5.1 5.2
创建一个XHTML文档...........................................................................................................................42 编写的文档..............................................................................................................................................42 5.2.1 5.2.2
myfile1.xhtml....................................................................................................................42 myfile3.xhtml，包含用UTF8编码的中文...............................................................43
6 XHTML与HTML和WML的比较.................................................................................................................44 6.1 6.2
XHTML和HTML间的差别.....................................................................................................................44 XHTML 和WML 1.x间的差别.............................................................................................................45
7 WAP CSS ...................................................................................................................................................47 7.1 7.2
用样式可以控制哪些东西..................................................................................................................48 应用样式..................................................................................................................................................48 7.2.1 7.2.2 7.2.3 7.2.4 7.2.5 7.2.6 7.2.7 7.2.8
7.3
外部样式表...........................................................................................................................48 文档头中的样式元素.........................................................................................................49 文档体中的样式元素.........................................................................................................49 样式元素的层叠规则.........................................................................................................49 使用XHTML的style属性................................................................................................49 使用XHTML的class属性................................................................................................50 使用XHTML的id属性.......................................................................................................50 使用XHTML的元素div 和 span...................................................................................50
应避免的事项.........................................................................................................................................51
8 XHTML页面举例.........................................................................................................................................52 8.1 8.2
使用CSS的诺基亚服务文档.............................................................................................................52 被链接的XHTML页面举例..................................................................................................................53
9 术语和缩略语............................................................................................................................................62
10 参考文献 ...................................................................................................................................................65
XHTML 指南 5
WAP2.0教程 - 图文
