【HTML】web语义化

一、解决的问题 & 评价标准

---

web语义化能解决如下问题：

1. 页面样式丢失

2. 有颜色或其他障碍的访客也能读懂页面

3. 移动设备访问页面

4. 程序（如爬虫）理解页面（换句话说SEO优化）

二、评价标准

---

web语义化主要是为了让页面结构更清晰，更关注内容之间的层次关系及意义。比如一个div内部标题用h1 ~ h6 ，内容是artical 或section来包裹。

web语义化在我眼中是将一个web页面去除css  js ，人依然能够明白页面含义，再进一步是机器能够识别页面逻辑及含义。比如去掉页面样式依然能够明白h1~h6是标题，div 或 artical 或section 是内容。

三、怎么实现

---

web语义化如何实现呢，步骤如下：

1. 根据内容选择合适html标签，如header、footer、aside、nav、article、section、ul、li（记得区分div、section、article哦）

2. class id 命名与内容、意义相结合(方便CSS JS开发人员)

四、目前存在的难点

---

1. 语义化没有一个很完善的规范，研究也不清晰，有了H5才真正开始有实在的意义

五、参考资料

---

1. 语义化web的关键技术及其应用研究

http://wenku.baidu.com/link?url=d0tFIifH0SMy6Wsl_A1LTEmIdLMlsLzFmWuWd1aACdhdgBsHn77Hu399_NP6PcNduDLFhBgiF4blcQftTbG4QKKuCd56CXlvJfj04aH1qD3