如何判断HTML标签是否合理

html-css013

如何判断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标签文档，就知道了。

$html="这里是html标签内容"

$is_div=preg_match_all("/<div class=\"ABC\">(.+?)<\/div>/is", $html, $div)

if($is_div){

foreach($div as $d){//循环读取带有class=ABC的标签

$d_str=$d[0]//得到div字符串

$is_span=preg_match_all("/<span>(.+?)<\/span>/is", $d_str, $s)

if($is_span){//如果存在span标签，则执行替换

$new_d_str=str_replace($d_str,"class=\"DEF\"","class=\"ABC\"")//替换ABC为DEF

$html=str_replace($html,$new_d_str,$d_str)//替换

}

}

}

//$html就是得到替换后的html