html语义化学习摘录

一.HTML语义

    HTML语义是指HTML标签的含义，而标签的默认样式是浏览器设定的一些常用标签的表现形式。默认样式为了更好表达html标签的语义。

    语义化的网页的好处：

    1.最主要是对搜索引擎有好，有了良好的结构和语义的网页内容自然容易被搜索引擎抓取：搜索引擎并不认识css，但是它识别html标签，搜索引擎的爬虫会根据标签来分析上下文和捕获关键字，将页面收录到搜索引擎中，对网站的推广也可省下不少功夫。

    2.语义web技术有助于利用基于开放标准的技术，从数据、文档内容或应用代码中分离出意义。

    3.语义化容易被有视觉障碍用户使用的屏幕阅读器识别：屏幕阅读器会根据页面的标签来读页面内容，如果页面没有一个好的结构的话设备就会一个字一个字的读。

    4.保证禁用css时的兼容性

    5.团队的开发效率，大家都按照标准，会减少很多的冲突和差异性，后期的维护也很方便

  

二.结构与表现分离

    1.理解内容、结构、表现和行为的含义：内容是指页面实际要传达的真正信息，包含文档、数据和图片等；结构是指在内容上添加的标签，它使内容更有逻辑性和易用性；表现是指用来改变内容外观的样式；行为是指对内容的交互及操作效果。内容是基础层，然后是附加上去结构层和表现层，最后再对它们做点“行为”。形象一点的比喻:内容是模特，结构标明头和四肢等各个部位，表现则是服装,将模特打扮得漂漂亮亮。

    2.结构和表现分离的好处：A.数据的多样显示。通过不同的样式表适应不同的设备，做到内容与设备无关;B.保持整个站点的视觉一致性变得非常简单，修改样式表就可以轻松改版;C.由于结构清晰，数据的集成、更新和处理更加方便灵活;D.更有意义的搜索。

Jeffrey Zeldman在《网站重构》

阅读的相关信息：

HTML标签语义化：http://hi.baidu.com/350625582/item/583530545d1cf13194eb0533

HTML技巧：语义化你的代码：http://mrthink.net/html-tips-semantization/

语义化的HTML结构到底有什么好处：http://www.doc88.com/p-277338688368.html

理解表现和结构相分离：http://www.w3cn.org/article/tips/2004/43.html

计划要阅读的书籍：

Jeffrey Zeldman在《网站重构》

编写高质量代码-Web 前端开发修炼之道