W3C网站代码标准规范
W3C网站代码标准规范
一、目的: 为什么要遵循标准
我们所处的角
我们作为的生产者实际上只是位于中游,既不是上游的浏览器制造商,他们是标准的真正制定者,也不算是下游,他们是浏览器的终端使用者。
这个角就意味着我们位于一个接口的位置:我们需要想办法满足下游的用户使用上游不同浏览器时看到的是同样的内容
用一个程序的语言说,我们是转换器……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="慧聪网(hc360)是为中小企业提供B2B电子商务服务的网上贸易平台,是企业寻求电子商务网络贸易信息的首选行业门户.中小企业通过慧聪网可以快速发布产品供求信息并达成交易.慧聪网为您提供全面的B2B行业资讯,供应,求购,库存信息,努力让每个老板都成为B2B电子商务活动的一员." /> <meta name="keywords" content="B2B,hc360,电子商务,供求信息,加工,库存,二手,网上贸易,行业门户,商机,网上交易,行业资讯,在线交易,中小企业,供应,求购,商务网,商业贸易,贸易平台" /> </head> |
注:一般如果项目或页面没有要求description和keywords描述的话,均采用中文站首页的mate信息。
dw滚动文字代码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 "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
⏹框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。
完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
注:DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。
2、名字空间 namespace
<html xmlns="/1999/xhtml" lang="gb2312">
通常我们HTML4.0的代码只是<html>,这里的"xmlns"是什么呢?
这个“xmlns”是XHTML namespace的缩写,叫做“名字空间”声明。
XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是"/1999/xhtml"。目前阶段我们只要照抄代码就可以了。
3、定义语言编码
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的
编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。
注:如果忘记了定义语言编码,可能就会出现,你在DW做完一个页面,第二次打开时所有的中文变成了乱码
4、Javascript定义
Js必须要用<script language="javascript" type="text/javascript">来开头定义,而不是原来的<script language=javascript>或干脆直接<script>,并且需要加个注释符,以保证不在不支持js 的浏览器上直接显示出代码来。
例如:
<script language="javascript" type="text/javascript"> //<![CDATA[ function show_layout(selObj){ var n = selObj.options[selObj.selectedIndex].value; ElementById('stylesheet').href = n; } //]]> </script> |
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论