如何判断HTML标签是否合理

html-css019

如何判断HTML标签是否合理,第1张

在XHTML中要求HTML标签具有语义性,就是要用有意义的标签,比如段落用P标签,标题用H标签等,通常犯的最多的一个错误就是大量使用 div span标签,这时候的标签通常从语义上讲是没有任何意义的,可以用更合适的标签来替换。判断HTML标签使用是否合理的最好方式就是把所有的CSS文件全部去掉,看看HTML页面的可读性还高不高,可读性越高说明你的标签用的就越合理。比如h1标签即使没有CSS样式表也能正确的显示一个标题的效果。想Firefox的插件webdeveloper就可以很方便禁用CSS和JavaScript。

所以写HTML的时候应该注意以下几点:

1. 尽量少用div标签和span标签,大部分时候这两个标签是无意义的,div用于分区或分块,

2. 在语义不明显的时候,即既可以用p又可以用div时,尽量用p,因为p默认有上下间距,在没有样式表的情况下可读性更好

html标签都有特定的含义,比如说,a代表超链接,p代表文档段落,div相当于一个容器标签,img是图片标签,目前最常用的就是div标签,不同的div代表不同的容器,具体写的多了,就会了。

还有目前常用的html5标签,header,footer,section,article等等这些,你通过字面翻译也能知道其是什么意思。

如果有不了解的,可以查查相关的html标签文档,就知道了。