如何确定html标签是否语义良好

CSS是用来控制网页的样式的，那么是不是说，如果一个网页不使用CSS，网页就没有样式了呢？不是的，浏览器会根据标签的语义给定一个默认的样式。

比如h1、h2、h3系列标签，会有加粗、上下边距等默认样式，而且字体会依次减小；ul会有缩进、黑点的默认样式；strong会有加粗的默认样式，em会有斜体的默认样式。也就是说，判断网页标签语义是否良好的一个简单方法就是：去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。语义良好的网页去掉样式后结构依然很清晰。对Web标准稍有了解的同行应该都知道“CSS裸体日”吧?设立这个日子的目的就是为了提醒大家选用合适的HTML标签的重要性。

同样的设计图，不同的HTML标签可以通过不同的CSS实现同样的页面，但语义不好的CSS布局和语义良好的CSS布局在去样式后的表现却可能截然不同。

如果选用的标签几乎全是不带语义的，那么在去样式后网页中几乎看不到任何结构信息，可读性非常差；如果选用的都是语义适合的标签，去样式后网页依然具有非常好的可读性。

除了去样式后的可读性外，值得重点提及的还有h标签。h标签的含义是“标题”，搜索引擎对这个标签比较敏感，尤其是h1和h2。一个语义良好的页面，h标签应该是完整有序没有断层的。也就是说，要按照h1、h2、h3、h4这样依次排列下来，不要出现类似h1、h3、h4，漏掉h2的情况。