译者注:这些只是作者提出的建议,大部分的技巧没有为什么可讨论的,如果你有什么更好的想法可以联系作者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标准里面的标签。