你最好小心为是，因为**巡查员们对你每行HTML代码虎视眈眈，他们不会放过你那些html代码中让他们无法纵容的错误。为了避免这样那样的错误，我手边的正好有一张包含10条关于你平常的coding中最容易犯的错误的清单可供参考，并且提供了一些关于书写能通过验证的代码、语义化、和避免使用被弃用的标签的技巧。

译者注：这些只是作者提出的建议，大部分的技巧没有为什么可讨论的，如果你有什么更好的想法可以联系作者line25，(jsssc.cn)没有解释的权利，还有这些罗列的是罪状，你要做的是避免这样做，而不是尽力去实现它。

这篇文章比较适合初学和观光者。

罪1.block元素嵌在inline元素里

div、p……这些是Block元素(块级)，主要用来组织文档的结构;span、a……等属于inline元素，相对而言这些元素应该使用在块级元素里面跟着文档流走，所以尽可能的让内联元素出现在块级元素里面。

罪2.img没有添加alt属性

alt属性是每张图片都必须添加的属性，它可以让浏览者快速的了解图片信息，所以alt属性应该确切的说明图片的真实信息，而不是很潇洒地写上“image”，如果图片只是用作装饰用的，写个alt=“”也就够了。

罪3.打死不用列表

ul、ol、dl这些列表除了dl，在展示内面上的很多东西上使用得非常广泛，要善于利用有序和无序列表来展示各种列表信息，所以永远不要使用N个

换行来列出一个清单。

罪4.还在使用

是用来让文本显示成黑体和斜体，从语义上分析的话这个两标签都是表现类的标签，因此这样的标签都可以通过CSS来展示，要强调文本可以用来代替。

罪5无节制使用

一般用于一个段落把中某个特定字符顶到下一行，不应该用

在html元素之间制造间隙，你可以用多个段落(

)来组织文本,或者用css来调整元素间隔。

罪6.滥用删除线

同4，也是过渡元素，不建议使用，可以用来代替。

罪7.使用内联样式

语义化html的重点是要保持结构和样式的分离，所以在html里面大写样式代码是毫无意义的，应该把样式独立出来写到css文件中，这样也方便代码维护。

罪8.为元素设置边框

同样的，为了语义化你的html，像border这样的表现型的属性也应该放到css里面声明，虽然有时候它只是用来去除一些没必要出现的图片边框。

罪9.不懂得利用标题标签

-

配合

可以很方面地组织出带标题的文字段落，根据整个文档结构组织的需要，可以适当的使用标题标签替换掉那些蹩脚的.

罪10.……

这些标签根本就不是w3c html标准里面的标签。

本文链接：http://jsssc.cn/10-html-tag-crimes/

出处：路可