前几天,重新做了一下自己的个人介绍页面(www.yujiangshui.com),由于忙,一直没有验证,今天验证了一下,果然不小心出现了几处错误.

在修正网页不规范的过程中,又学到了几个平时不注意的小细节,写这篇文章与大家分享一下.

1,<span>标签中,不能放<h*>标题标签.

<span>标签和<div>标签的区别,一个是行内元素,不换行而div默认是占正行的.一直以来,只注意到了这个区别,而把这两个标签都用来布局了.这是错误的,它们俩的语义不同.<div>是区域的意思,这个才是布局用到的元素.而<span>只是一个比<p>还小的一篇文章中一句话,当然不能包含一个比<p>还大的 <h*>标题标签了.

所以正确的做法是,用div布局,如果需要行内效果,使用css的display:inline;.

2,<script>标签已经不需要任何属性了.

在很久以前,应用在网页中的脚本其实有两种,一种是javascript另一种是微软的vbscript,所以网页中的<script>标签中,必须加上一个属性language,属性值就是javascript或者vbscript,用来区别.

当然,现在几乎没有几个人在网页中使用vbscript,甚至很多人都不知道.今天在验证的时候,w3c给出的建议是:<script>标签的language属性以及被废除,你可以非常放心的去掉它了.

也就是说,以后要使用javascript,只需要写<script>javascript代码</script>就可以了.

验证页面规范,真的有很多好处,可以让你发现平时注意不到的不规范的地方.但是,不需要刻意的强调错误的修正.你可以验证一下淘宝,首页有1000多个错误,就连非常简单的百度首页,也查出了几个错误.这些大网站,有实力非常雄厚的前端团队,结果还有错误的存在.这说明,还是以网站的实际效果为主,多少个不规范的地方也无所谓.