最前端

我的工作,我的生活,点点滴滴...

标签 ‘ 语义化

CSS类是HTML标签的扩展?

sexy css

CSS类的命名是一件麻烦的事,有人提到了CSS类命名的语义化[1],这个建议从某些方面来说确实比以结构来命名CSS类好多了。而且我发觉语义化的CSS类甚至成为了HTML标签的一个扩展,HTML标签是有限的,而网页有语义的部分是无限的,使用HTML的语义化只能是基于有限的HTML标签及其属性来实现语义化。比如:

<div class="logo">
<h1 class="blog-name"><a href="http://www.bq69.com">最前端的生活</a></h1>
<h2 class="blog-description">关注web前端,关心web前端工程师</h2>
</div>

h1的语义能说明这是一个一级标题,h2的语义能说明这是一个二级标题,如果我需要一个详细的语义呢,比如:“博客的名字”,“博客的描述”等,显示h1,h2是不足够的。从上面的代码HTML标签h1,h2的语义,搜索引擎知道了两个标题;而从CSS类logo,blog-name,blog-description得知这个博客的logo,标题和博客描述(注:请先忘记header的部分标签,另外我我相信google能做到这个)。

不知道CSS类从这个方面来看,能不能算是HTML标签的扩展,但我相信CSS类的语义化的确有利于SEO的。

参考资料