web语义化
web语义化是指能够让机器读懂语言。
我所了解的web语义化包含两个方面:html标签语义化合css类名语义化。
html标签语义化化很明显,就是html的标签代表的含义,比如:
h语义: header(标题)
div 语义:Division(分隔)
span 语义:Span(范围)
ol 语义:Ordered List(排序列表)
ul 语义:Unordered List(不排序列表)
li 语义:List Item(列表项目)
…………
为什么要强调html的语义化?为了更快地让搜索引擎搜到查找的内容。比如以下代码:
<div id='title'>我是标题1</div>
<h1>我是标题2</h1>
如果搜索引擎在查找标题,那它就会更快更准确地找到“我是标题2”,因为搜索引擎很容易读懂h标签的含义
css类名语义化
我们常见的css类名有 left-content right-bar等通过方位来命名的,如果我想把right-bar的样式用到页面的left,就意味着要改一下类名;这种命名方式是结构化;那如何使用语义化?常见的css语义有:
头:header
内容:content
页脚:footer
导航:nav
子导航: subnav
侧栏:sidebar
菜单:menu
……
如果把right-bar直接改成sidebar,我就不用纠结这个样式用的位置了 ,sidebar就是css类名的语义化
举了两个很简单的例子,不知道说明问题了没有
推荐文章: http://studio.ewe.com.cn/?p=455
http://ued.ctrip.com/blog/?p=2735