网站设计规范.pdf

目录 WAP网站设计规范 2 1. 手机浏览器兼容性测试结果概要（数据来自淘宝） 2 1.1 XHTML 部分 2 1.2 CSS部分 2 1.3 JAVASCRIPT部分 3 1.4 其他 . 3 2. 开发中需要注意的问题 3 2.1 手机网页编码需要遵循什么规范？ 3 2.2 网页文档推荐使用扩展名？ 4 2.3 为什么现今大多数的网站一行字数上限为 14 个中文字符？ 4 2.4 使用 WCSS还是 CSS？ 4 2.5 避免空值属性 4 2.6 网页大小限制 4 2.7 用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？ 4 3. 页面元素规范 5 3.1 页面字符使用规范 5 3.2 格式输入规范 5 3.3 背景音乐规范 5 3.4 翻页设计规范 6 3.5 重定向使用规范 6 3.6 滚动显示规范 6 4. 出错页面规范 6 5. 页面链接规范 6 6. 页面效果规范 6 7. 性能要求 7 8. 兼容表 7 WAP网站设计规范 1.1手 机 浏 览 器 兼 容 性 测 试 结 果 概 要 XHTML 部分 大多数手机不支持的： * 表单元素的“ disable ”属性 部分手机不支持的： * “button ”标签 * “input[type=file] “标签 * “iframe ”标签。 虽然只有部分手机不支持这几个标签， 但因为这些标签在页面中往往具有非常重要的功 能，所以属于高危标签，要谨慎使用。 少数手机不支持的： * “select ”标签：该标签如果被赋予比较复杂的 CSS属性，可能会导致显示不正常， 比如” vertical-align:middle ”。 1.2 CSS部分 大部分手机不支持的： * “font-family ”属性：因为手机基本上只安装了宋体这一种中文字体； * “font-family:bold; ”：对中文字符无效，但一般对英文字符是有效的； * “font-style: italic; ”：同上； * “font-size ”属性： 比如 12px 的中文和 14px 的中文看起来一样大， 当字符大小为 18px 的时候你也许能看出来一些区别； * “white-space/word-wrap ”属性：无法设置强制换行，所以当你网页有很多中文的时 候，需要特别关注不要让过多连写的英文字符撑开页面； * “background-position ”属性：但背景图片的其他属性设定是支持的； * “position ”属性； * “overflow ”属性； * “display ”属性； * “min-height ”和” min-weidth ”属性； 部分手机不支持的： * “he