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的情况。
还没有评论,来说两句吧...