Web标准(Web Standards)学习笔记

好(0) 差(0) 阅读(2283) 评论(5)

Wen

等级：◆◆◆◆◇◇

DW可转换现成HTML为XHTML 1.0 Transitional
方法：打开HTML文件，执行菜单文件->转换->XHTML
转换后的文档符合：
1. 当文档的字符编码是默认的 UTF-8 之外的编码时，文档必须具有 XML 声明。
2. 文档中的根元素之前必须有 DOCTYPE 声明，而该声明必须引用 XHTML 的三个文档类型定义 (DTD) 文件（严格、过渡或框架页）之一。（DW把非框架页转换成过渡型，把框架HTML页转换成框架XHTML页）
3. 文档的根元素必须为 html，而 html 元素必须指定 XHTML 命名空间。
4. 标准的文档必须包含 head 、title 和 body 结构元素。框架集文档必须包含 head 、title 和 frameset 结构元素。
5. 文档中的所有元素必须正确嵌套。
6. 所有元素和属性名称必须为小写。
7. 每个元素都必须有结束标签，除非在 DTD 中将其声明为 EMPTY。
8. 空元素必须有结束标签，或者开始标签必须以 /> 结束。为了向后兼容不支持 XML 的浏览器，/> 前必须有一个空格。
9. 属性无法进行最小化。受影响的属性：checked、compact、declare、defer、disabled、ismap、multiple、noresize、noshade、nowrap、readonly 和 selected。
10. 所有的属性值必须用引号引起来。
11. 以下元素必须具有 id 属性和 name 属性：a、applet、form、frame、iframe、img 和 map。
12. 对于具有枚举类型的值的属性，值必须为小写。
13. 所有脚本和样式元素都必须具有 type 属性。
14. 所有 img 和 area 元素都必须具有 alt 属性。（这点DW无法为缺少该属性的元素补充alt属性，但会报告有多少个元素缺少此属性）
为了跟随XHTML的发展趋势，除满足上面叙述的原则外，以后还要注意的构建原则：
注释中不使用--
不使用表现层标签和属性，包括但不限于：<font>、color、bgcolor、align、valign
少用<br />
如不考虑兼容性，不使用name属性
非内容图片在CSS中用background: url({url}) {color} no-repeat;定义
用<div>布局和定位，<table>仅用于显示数据表（怎样才算数据表而不算布局？）
需要关注的未来特性：
<section></section>和<h></h>
<nl>
<line>
XForms
XML Events
XFrames
容易搞错的地方：
1. CSS中，position:relative是表示相对其本来的位置定位；如果所有父容器的position都没有指定，则position:absolute是相对整个页面定位（或叫绝对定位）；如果想相对某父容器定位，则把父容器的position设为relative即可（只要不加其它定位规则，position:relative对父容器的位置没有影响）。
2. div作容器时，如果内部对象是漂浮的(float)，则容器的display属性不能为inline。
学习资源
http://www.onestab.net/seybold 一个介绍及推广Web标准幻灯片，做得非常好
http://www.w3cn.org 中文的Web标准学习资源站点
http://www.webstandards.org Web标准官方站
http://www.w3c.org 各种文档标准（诸如XHTML标准，CSS标准）的制定者
工具资源
HTML Tidy 检查清理HTML错误的工具。
HTML Validator(based on Tidy) Firefox的扩展(Extension)，检验正在查看的网页的错误，内核是HTML Tidy。
在线校验各种HTML：http://validator.w3.org/
在线校验CSS：http://jigsaw.w3.org/css-validator/
感想
- 感觉实际上并不是像有些网站所说的国外很早就开始Web标准化。虽然Web标准已经提出了几年，但看了若干国外网站，例如Google、SourceForge，还没有符合Web标准。
- 由于IE这厮长期垄断养成了我行我素的习惯，目前就算最新版本的IE6对Web标准仍支持不好。于是要想兼顾Web标准和使用IE的用户，网页设计者需要用一些怪语句来实现，例如CSS中的!important语法。要Web标准得以发扬光大，除了像某些人所说的要有一款Web标准的可视化网页制作软件之外，还要期望IE的下一版本对Web标准的支持。