
话说无规矩不成方圆,在这混杂的web世界拿什么那约束你呢?于是乎某组织(W3C组织)在N年前坚定一个信念:统一web标准,让每个人看起来都是帅锅和美媚。而且就连IE系列浏览器的后代也慢慢进化成听话的帅锅,据说IE8已经兼容已知的css2.1标准,扯得蛋疼,直接重点:怎么变帅锅!
1:class 和 id 属性命名问题
请注意在一页面id的属性名不能重复,相反class可以重复,简单的说id就是你的身份证号,而class就是你的地址、出生年龄等等。另外id和class的属性名第一字符都不能是数字,必须是字母。
2:空元件写法
如果不用工具你是不是经常写成<br>?这可不行,横冲直撞可不好,记得刹车。得把<br>改成<br/>,清除脸上污垢,在帅锅的道路又迈上一布。例如还有<hr/>
3:DOCTYPE声明
请查看本页的源代码在头部你是不是发现这样一行代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个干鸟用?这个是给浏览器看滴,让它更了解源码,看专业解释:
DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本,其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。其中DTD声明
有三种,具体什么自己搜搜。
对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通过W3C的代码校验。
4:img与alt
请给img配个小妾吧。在标准里应该这样写:<img src=”******/logo.gif” alt=“图片的描述”>虽然麻烦点,但这样做的好处还是很多的哦!而且对搜索引擎那是相当友好。
5:script与type
请给script娶个老婆吧。同理如上,正确应该是这样写滴<script language=”JavaScript” type=text/javascript>那个type=text/javascript可是却不了的。
6:嵌套问题
你看看这个:<a href=”#”><h1>g9net</h1></a>,这样写是错误滴!H1标签是block对象,而不是 inline 对象,inline 对象不应该容纳 block 对象。应该这样写:<h1><a href=”#”>g9net</a></h1>,另外还要注意标签对例如不能这样写:<div><p>G9net</div></p>。还要注意不能缺胳膊少腿。
7:符号转码
看看这个<p>~gnet~</p>这样写也是不对滴,应该把~符号转换成ISO Latin-1 字符集对应的编码,那~符号编码多少?自己在网上搜索就知道了,例如常见的空格编码是
8:name属性
在和谐社会里name是不被允许的。name的命运在 xhtml 1.0后就再见了,也就是说以后不要用name属性了,用id来替代它吧!
暂时就发现这些,以后还有在慢慢增加,这是一项力气活,最后送各位一个网站http://validator.w3.org/。
我终于通过了哈!
不过那个imageforhomepage 启用了 就好多错误 很郁闷
呵呵其实也不要过分的追求标准,毕竟这事很累,只要在各大主流浏览器下不变形就可以了
呵呵 我用ff3 和IE8都不错位 其他就不知道咯