1、W3C 网站代码标准规范 修订版本 1.02 更新时间 2009-02-23第 1 页/共 9 页W3C 代码标准规范目 录目 录 .1一、目的: 为什么要遵循标准 .2二、目标 .2三、受众 .2四、标准内容 .21、什么是 DOCTYPE .32、名字空间 namespace.43、定义语言编码 .44、Javascript 定义 .45、CSS 定义 .56、不要在注释内容中使“-” .57、所有标签的元素和属性的名字都必须使用小写 .58、所有的属性必须用引号“括起来 .69、把所有已经存在的老的页面也应该在修改时尽量替代，替代方法：一个标准 XHTML 头信息格式如下：慧聪网_ 中国
2、领先的 B2B 电子商务平台、电子商务网站注:一般如果项目或页面没有要求 description 和 keywords 描述的话,均采用中文站首页的 mate 信息。1、什么是 DOCTYPE DOCTYPE 是 document type(文档类型)的简写，用来说明你用的 XHTML 或者 HTML 是什么版本。其中的 DTD(例如 xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的 DTD 来解释你页面的标识，并展现出来。要建立符合标准的网页，DOCTYPE 声明是必不可少的关键组成部分；除非你的 XHTML确定了一个正确的 DOCT
3、YPE，否则你的标识和 CSS 都不会生效。XHTML 1.0 提供了三种 DTD 声明可供选择： 过渡的(Transitional):要求非常宽松的 DTD，它允许你继续使用 HTML4.01 的标识(但是要符合 xhtml 的写法) 。完整代码如下： 严格的(Strict):要求严格的 DTD，你不能使用任何表现层的标识和属性，例如。完整代码如下： 框架的(Frameset): 专门针对框架页面设计使用的 DTD，如果你的页面中包含有框架，需要采用这种 DTD。完整代码如下：W3C 网站代码标准规范 修订版本 1.02 更新时间 2009-02-23第 4 页/共 9 页注:DOCTYPE
4、 声明必须放在每一个 XHTML 文档最顶部，在所有代码和标识之上。2、名字空间 namespace 通常我们 HTML4.0 的代码只是 ，这里的“xmlns“ 是什么呢？这个“xmlns”是 XHTML namespace 的缩写，叫做“名字空间”声明。XHTML 是 HTML 向 XML 过渡的标识语言，它需要符合 XML 文档规则，因此也需要定义名字空间。又因为 XHTML1.0 不能自定义标识，所以它的名字空间都相同，就是“http:/www.w3.org/1999/xhtml“。目前阶段我们只要照抄代码就可以了 。3、定义语言编码 为了被浏览器正确解释和通过 W3C 代码校验，所有
5、的 XHTML 文档都必须声明它们所使用的编码语言，我们一般使用 gb2312(简体中文) ，制作多国语言页面也有可能用Unicode、ISO-8859-1 等，根据你的需要定义。 注：如果忘记了定义语言编码,可能就会出现,你在 DW 做完一个页面 ,第二次打开时所有的中文变成了乱码4、Javascript 定义Js 必须要用来开头定义,而不是原来的或干脆直接,并且需要加个注释符，以保证不在不支持 js 的浏览器上直接显示出代码来。例如：/W3C 网站代码标准规范 修订版本 1.02 更新时间 2009-02-23第 5 页/共 9 页注：具体参考 js 规范5、CSS 定义CSS 必须要用开
6、头来定义,而不是原来的直接 ，也不建议直接写在内容代码里如：,并需要加个注释符例如：为保证各浏览器的兼容性，在写 CSS 请都写上数量单位，例如：错误：.space_10padding-left:10正确：.space_10 padding-left:10px6、不要在注释内容中使“-”“-”只能发生在 XHTML 注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:正确的应用等号或者空格替换内部的虚线。7、所有标签的元素和属性的名字都必须使用小写 与 HTML 不一样，XHTML 对大小写是敏感的， 和是不同的标签。XHTML 要求所有的标签和属性的名字都必须使用小写。
7、例如：必须写成 。大小写夹杂也是不被认可的，通常 dreamweaver 自动生成的属性名字 “onMouseOver“也必须修改成“onmouseover“。 W3C 网站代码标准规范 修订版本 1.02 更新时间 2009-02-23第 6 页/共 9 页8、所有的属性必须用引号“括起来 在 HTML 中，你可以不需要给属性值加引号，但是在 XHTML 中，它们必须被加引号。例如：必须修改为：特殊情况，你需要在属性值里使用双引号，你可以用“，单引号可以使用，例如：9、把所有） ，不是标签的一部分，都必须被编码为 任何与号（ 错误：例:http:/ XHTML 规定所有属性都必须有一个值，没
8、有值的就重复本身。例如：必须修改为：W3C 网站代码标准规范 修订版本 1.02 更新时间 2009-02-23第 7 页/共 9 页12、所有的标记都必须要有一个相应的结束标记以前在 HTML 中，你可以打开许多标签，例如 和而不一定写对应的和 来关闭它们。但在 XHTML 中这是不合法的。 XHTML 要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个“/“来关闭它。例如：特殊结束标记错误：Document.write(“ok”);正确：Document.write(“ok”);在 js 中，原已结束的标签需要再转义再结束13、所有的标记都必须合理嵌套 同样因为
9、XHTML 要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：必须修改为：就是说，一层一层的嵌套必须是严格对称。错误：正确：14、图片添加有意义的 alt 属性 例如：尽可能的让作为内容的图片都带有属于自己的 alt 属性W3C 网站代码标准规范 修订版本 1.02 更新时间 2009-02-23第 8 页/共 9 页同理：添加文字链接的 title 属性新闻新闻, 在一些限定字数的内容展示尤为重要，帮助显示不完成的内容显示完整，而不用考虑页面会因此而撑大15、在 form 表单中增加 lable,以增加用户友好度例如：first name: last name: 实例:la
10、bel_demo.html附录一 1.XHTML 校验 校验网址：http:/validator.w3.org/ 校验方式:网址校验、文件上传校验 一般选择“Show Source“和“Verbose Output“可以帮助你找到错误代码所在行和错误原因。 XHTML 校验常见错误原因对照表1.No DOCTYPE Found! Falling Back to HTML 4.01 Transitional-未定义 DOCTYPE。 2.No Character Encoding Found! Falling back to UTF-8.-未定义语言编码。 3.end tag for “img“
11、 omitted, but OMITTAG NO was specified-图片标签没有加“/“ 关闭。4.an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified-属性值必须加引号。 5.element “DIV“ undefined-DIV 标签不能用大写，要改成小写 div。 6.required attribute “alt“ not specified-图片需要加 alt 属性。 7.required attribute “type“ no
12、t specified-JS 或者 CSS 调用的标签漏了 type 属性。 其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的，比如忘记了一个其他标签都会报错，所以不要看到一堆的错误害怕，通常解决了一个错W3C 网站代码标准规范 修订版本 1.02 更新时间 2009-02-23第 9 页/共 9 页误，其他的错误也都没有了。附录二 2.CSS2 校验 校验网址：http:/jigsaw.w3.org/css-validator/ 校验方式:网址校验、文件上传校验、直接贴入代码校验 校验成功，会显示“恭喜恭喜，此文档已经通过样式表校验! “。 校验失败，会显示两类错误：错误和警
13、告。错误表示一定要修正，否则无法通过校验；警告表示有代码不被 W3C 推荐,建议修改。CSS2 校验常见错误原因对照表1.(错误) 无效数字 : color909090 不是一个 color 值 : 909090 -十六进制颜色值必须加“#“ 号，即#909090 2.(错误) 无效数字 : margin-topUnknown dimension : 6pixels -pixels 不是一个单位值，正确写法 6px 3.(错误) 属性 scrollbar-face-color 不存在 : #eeeeee - 定义滚动条颜色是非标准的属性 4.(错误) 值 cursorhand 不存在 : hand 是非标准属性值，修改为 cursor:pointer 5.(警告)Line : 0 font-family: 建议你指定一个种类族科作为最后的选择 -W3C 建议字体定义的时候，最后以一个类别的字体结束，例如“sans-serif“，以保证在不同操作系统下，网页字体都能被显示。 6.(警告)Line : 0 cant find the warning message for otherprofile - 表示在代码中有非标准属性或值，校验程序无法判断和提供相应的警告信息。 同样，通过检验后，可以放置一个 CSS 校验通过图标
