Web语义化

一、什么是Web语义化?

Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。

二、为什么要Web语义化?

  1. 去掉样式后页面呈现清晰的结构
  2. 盲人使用读屏器更好地阅读
  3. 搜索引擎更好地理解页面,有利于收录
  4. 便于团队项目的可持续运作及维护

三、怎样进行Web语义化?

Web语义化包含两个方面:html语义化及css命名语义化。

1.HTML语义化

一个html元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。
如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可以认出哪些是页面重要内容,予以较高的权值。h1~h6这几个标签在搜索引擎中权值非常高,用它们作页面标题就是一个简单的SEO优化了。
在有些面试的时候会问到类似strong 和font-weight: bold有什么区别,这时候就可以从语义化的角度解答了。
一些标签语义

h1~h6:标题
th:table的header
p:段落
ul:无序列表
ol:排序列表
dl:definition list,定义列表
dt:definition title,定义名称
dd:definition description定义描述
em:emphasized,局部强调,段落内强调
strong:更强烈的强调,全文强调

2.CSS命名语义化

CSS类命名一般有两种常见的方式:结构化命名和语义化命名。
像left-bar、red-text、small-title这些都属于结构化命名的例子。当网页布局发生改变时,我们就需要将所有结构化命名重新定义。而如果是使用语义化命名就可以很好地避免这个问题。
相关链接:CSS代码命名惯例语义化的方法

posted @ 2017-02-13 16:22  oSHYo  阅读(233)  评论(0编辑  收藏  举报