W3C网站代码标准规范大全.doc

1、W3C 网站代码标准规范 修订版本 1.02 更新时间 2010-06-08第 1 页/共 10 页往链点点通共享资源，了解更多请登录 www.WLW3C 网站代码标准规范目 录目 录 .1一、目的: 为什么要遵循标准 .2二、目标 .2三、受众 .2四、标准内容 .21、什么是 DOCTYPE .32、名字空间 namespace.43、定义语言编码 .44、Javascript 定义 .45、CSS 定义 .56、不要在注释内容中使“-” .57、所有标签的元素和属性的名字都必须使用小写 .58、所有的属性必须用引号“括起来 .69、把所有已经存在的老的页面也应该在修改时尽量替代，替代方法

2、：一个标准 XHTML 头信息格式如下：慧聪网_ 中国领先的 B2B 电子商务平台、电子商务网站注:一般如果项目或页面没有要求 description 和 keywords 描述的话,均采用中文站首页的 mate 信息。1、什么是 DOCTYPE DOCTYPE 是 document type(文档类型)的简写，用来说明你用的 XHTML 或者 HTML 是什么版本。其中的 DTD(例如 xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的 DTD 来解释你页面的标识，并展现出来。要建立符合标准的网页，DOCTYPE 声明是必不可少的关键组

3、成部分；除非你的 XHTML确定了一个正确的 DOCTYPE，否则你的标识和 CSS 都不会生效。XHTML 1.0 提供了三种 DTD 声明可供选择： 过渡的(Transitional):要求非常宽松的 DTD，它允许你继续使用 HTML4.01 的标识(但是要符合 xhtml 的写法) 。完整代码如下： 严格的(Strict):要求严格的 DTD，你不能使用任何表现层的标识和属性，例如。完整代码如下： 框架的(Frameset): 专门针对框架页面设计使用的 DTD，如果你的页面中包含有框架，需要采用这种 DTD。完整代码如下：W3C 网站代码标准规范 修订版本 1.02 更新时间 201

4、0-06-08第 4 页/共 10 页注:DOCTYPE 声明必须放在每一个 XHTML 文档最顶部，在所有代码和标识之上。2、名字空间 namespace 通常我们 HTML4.0 的代码只是 ，这里的“xmlns“ 是什么呢？这个“xmlns”是 XHTML namespace 的缩写，叫做“名字空间”声明。XHTML 是 HTML 向 XML 过渡的标识语言，它需要符合 XML 文档规则，因此也需要定义名字空间。又因为 XHTML1.0 不能自定义标识，所以它的名字空间都相同，就是“http:/www.w3.org/1999/xhtml“。目前阶段我们只要照抄代码就可以了 。3、定义语言

5、编码 为了被浏览器正确解释和通过 W3C 代码校验，所有的 XHTML 文档都必须声明它们所使用的编码语言，我们一般使用 gb2312(简体中文) ，制作多国语言页面也有可能用Unicode、ISO-8859-1 等，根据你的需要定义。 注：如果忘记了定义语言编码,可能就会出现,你在 DW 做完一个页面 ,第二次打开时所有的中文变成了乱码4、Javascript 定义Js 必须要用来开头定义,而不是原来的或干脆直接,并且需要加个注释符，以保证不在不支持 js 的浏览器上直接显示出代码来。例如：/W3C 网站代码标准规范 修订版本 1.02 更新时间 2010-06-08第 5 页/共 10 页

6、注：具体参考 js 规范5、CSS 定义CSS 必须要用开头来定义,而不是原来的直接 ，也不建议直接写在内容代码里如：,并需要加个注释符例如：为保证各浏览器的兼容性，在写 CSS 请都写上数量单位，例如：错误：.space_10padding-left:10正确：.space_10 padding-left:10px6、不要在注释内容中使“-”“-”只能发生在 XHTML 注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:正确的应用等号或者空格替换内部的虚线。7、所有标签的元素和属性的名字都必须使用小写 与 HTML 不一样，XHTML 对大小写是敏感的， 和是不同的标

7、签。XHTML 要求所有的标签和属性的名字都必须使用小写。例如：必须写成 。大小写夹杂也是不被认可的，通常 dreamweaver 自动生成的属性名字 “onMouseOver“也必须修改成“onmouseover“。 W3C 网站代码标准规范 修订版本 1.02 更新时间 2010-06-08第 6 页/共 10 页8、所有的属性必须用引号“括起来 在 HTML 中，你可以不需要给属性值加引号，但是在 XHTML 中，它们必须被加引号。例如：必须修改为：特殊情况，你需要在属性值里使用双引号，你可以用“，单引号可以使用，例如：9、把所有） ，不是标签的一部分，都必须被编码为 任何与号（ 错误：

8、例:http:/ XHTML 规定所有属性都必须有一个值，没有值的就重复本身。例如：必须修改为：W3C 网站代码标准规范 修订版本 1.02 更新时间 2010-06-08第 7 页/共 10 页12、所有的标记都必须要有一个相应的结束标记以前在 HTML 中，你可以打开许多标签，例如 和而不一定写对应的和 来关闭它们。但在 XHTML 中这是不合法的。 XHTML 要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个“/“来关闭它。例如：特殊结束标记错误：Document.write(“ok”);正确：Document.write(“ok”);在 js 中，原已结束的

9、标签需要再转义再结束13、所有的标记都必须合理嵌套 同样因为 XHTML 要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：必须修改为：就是说，一层一层的嵌套必须是严格对称。错误：正确：14、图片添加有意义的 alt 属性 例如：尽可能的让作为内容的图片都带有属于自己的 alt 属性W3C 网站代码标准规范 修订版本 1.02 更新时间 2010-06-08第 8 页/共 10 页同理：添加文字链接的 title 属性新闻新闻, 在一些限定字数的内容展示尤为重要，帮助显示不完成的内容显示完整，而不用考虑页面会因此而撑大15、在 form 表单中增加 lable,以增加用户友好

10、度例如：first name: last name: 实例:label_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

11、-8.-未定义语言编码。 3.end tag for “img“ 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 属性

12、。 7.required attribute “type“ not specified-JS 或者 CSS 调用的标签漏了 type 属性。 其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的，比如忘记了一个其他标签都会报错，所以不要看到一堆的错误害怕，通常解决了一个错W3C 网站代码标准规范 修订版本 1.02 更新时间 2010-06-08第 9 页/共 10 页误，其他的错误也都没有了。附录二 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 - 定义滚动条颜色是非标

14、准的属性 4.(错误) 值 cursorhand 不存在 : hand 是非标准属性值，修改为 cursor:pointer 5.(警告)Line : 0 font-family: 建议你指定一个种类族科作为最后的选择 -W3C 建议字体定义的时候，最后以一个类别的字体结束，例如“sans-serif“，以保证在不同操作系统下，网页字体都能被显示。 6.(警告)Line : 0 cant find the warning message for otherprofile - 表示在代码中有非标准属性或值，校验程序无法判断和提供相应的警告信息。 同样，通过检验后，可以放置一个 CSS 校验通过图

15、标往链点点通共享资源-资料说明-该资源由往链点点通搜索于网络公开资源，仅供网友浏览阅读，请勿用于商业用途；往链点点通，是免费的新一代电脑管理、网络应用桌面软件。通过简洁清爽并可随意切换的两种窗口操作界面，构建了用户、电脑、互联网之间顺畅的入口平台。为用户管理电脑、智能办公、快捷上网、玩转应用（如 游戏， ） ，提供全方位一站式的服务。让用户只需通过往链点点通，就能便捷到达信息时代的各个角落。真正实现一键直达，点点就通。往链快搜索：无论是搜索硬盘资源、查找网络资源，还是追踪热门应用，都能享受前所未所的快速度。如本地文件搜索，千万文件，零秒呈现；如网络搜索，只需输入一次关键词，便能同步打开百度、google 等多个搜索引擎的结果页；W3C 网站代码标准规范 修订版本 1.02 更新时间 2010-06-08第 10 页/共 10 页往链优应用：与某些软件相比，往链点点通追求绿色无广告的体验，精选最优质的网络应用，为用户提供纯净实在的生活、工作、学习、娱乐、休闲应用空间。往链点点通，让您用 windows的使用习惯享受苹果的操作体验！查看和分享更多优质资源，请进入 www.WL 下载往链点点通，找到您的一切网络所需！往链网址导航大全 往链点点通，让您无障碍畅游网络世界！