W3C网站代码标准规返亩手册.doc

W3C网站代码标准规范  W3C网站代码标准规范 目 录 目 录 1 一、目的: 为什么要遵循标准 2 二、目标 2 三、受众 2 四、标准内容 2 1、什么是DOCTYPE 3 2、名字空间 namespace 4 3、定义语言编码 4 4、Javascript定义 4 5、CSS定义 5 6、不要在注释内容中使“--” 5 7、所有标签的元素和属性的名字都必须使用小写 5 8、所有的属性必须用引号括起来 6 9、把所有和特殊符号用编码表示 6 10、给所有属性赋一个值 6 11、所有的标记都必须要有一个相应的结束标记 7 12、所有的标记都必须合理嵌套 7 13、图片添加有意义的 alt 属性 7 14、在form表单中增加lable,以增加用户友好度 8 附录一 8 附录二 9  一、目的: 为什么要遵循标准 我们所处的角色 我们作为的生产者实际上只是位于中游，既不是上游的浏览器制造商,他们是标准的真正制定者，也不算是下游，他们是浏览器的终端使用者。 这个角色就意味着我们位于一个接口的位置：我们需要想办法满足下游的用户使用上游不同浏览器时看到的是同样的内容 用一个程序的语言说，我们是转换器……adapter，我们想方设法让我们的页面、我们的程序能够支持所有的浏览器、能够满足尽可能多的用户。虽然我们很累，但我们这么作的结果就是我们会满足尽可能多的用户 Exp： 目前市面上的DVD刻录盘有三种标准，可是目前世面上大部分的DVD刻录机都是尽可能地全部兼容---------Why ? 因为他们不想失去潜在客户，这就是我们在意标准的原因！我们要满足所有的客户，即使做不到，我们也要满足我们技术范围之内的所有用户。 二、目标 一个标准制作的网站，让你压根感觉不到跟标准有关。 三、受众 所有ui设计师、技术工程师、运营维护人员。 四、标准内容 抛弃声明：以后我们将抛弃font标签，新的页面中不应该再出现如font color=”red”/font 已经存在的老的页面也应该在修改时尽量替代，替代方法： span class=”red_tex”/span 一个标准XHTML头信息格式如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml lang=gb2312 head title慧聪网_中国领先的B2B电子商务平台、电子商务网站/title meta http-equiv=Content-Type content=text/html; charset=gb2312 / meta name=description content=慧聪网()是为中小企业提供B2B电子商务服务的网上贸易平台，是企业寻求电子商务网络贸易信息的首选行业门户.中小企业通过慧聪网可以快速发布产品供求信息并达成交易.慧聪网为您提供全面的B2B行业资讯,供应,求购,库存信息,努力让每个老板都成为B2B电子商务活动的一员. / meta name=keywords content=B2B,hc360,电子商务,供求信息,加工,库存,二手,网上贸易,行业门户,商机,网上交易,行业资讯,在线交易,中小企业,供应,求购,商务网,商业贸易,贸易平台 / /head 注:一般如果项目或页面没有要求description和keywords描述的话,均采用中文站首页的mate信息。 1、什么是DOCTYPE DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。 其中的DTD(例如xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。 要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。 XHTML 1.0 提供了三种DTD声明可供选择： 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。 完整代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如br。 完整代码如下： !DOCTYPE html PUBLIC -/