26、移动 HTML 开发与代码优化全攻略

移动 HTML 开发与代码优化全攻略

1. 移动 HTML 开发要点

1.1 小尺寸图片处理

在移动 HTML 开发中，图片的尺寸和文件大小都需要严格控制。为了确保页面加载速度，图片在尺寸上要尽可能小，同时文件大小也要压缩到最小。具体操作包括：
- 使用调色板优化工具处理每一张图片。
- 在可能的情况下，优先使用黑白图片。

1.2 描述性 alt 属性和链接文本

为了提高移动内容的可用性，所有图片都应添加简短且具有高度描述性的 alt 标签。这样，在图片显示被禁用或网络缓慢的设备上，用户也能了解图片的实际内容。同时，为所有链接提供描述性文本，让用户清楚每个链接的指向。

1.3 可靠的导航方案

当显示空间和可用性受到限制时，可靠的导航方案就显得尤为重要。以下是几种提高导航可用性的方法：
- 使用逻辑访问键。
- 合理安排逻辑结构化的标签顺序。
- 将常用的导航放置在页面顶部，方便用户查找。

1.4 限制复杂显示结构

虽然 W3C 在 XHTML Basic 1.1 中勉强纳入了表格元素，但表格不应被用于格式化整个文档。为了让移动用户有更好的体验，表格中应尽量只包含文本数据。

1.5 移动 Web 开发工具

许多开发工具可用于辅助移动 Web 文档的开发，几乎每个手机制造商都提供了一到两种工具，帮助开发者为其设备创建内容。以下是一些常见的移动内容开发工具网站：
| 公司 | URL |
| — | — |
| Ericsson Mobility W