便于团队项目的可持续运作及维护
语义化的命名能够使我们在多人协作一个项目时更加有序和快捷，而不需要去纠结另一位伙伴的CSS命名是什么意思。如果是个人项目，也便于后期其他同事的修改，语义化的命名时一个项目的可读性更高。

以上总结的前4点只要针对的是(x)html的标签语义化使用，最后一点针对的是CSS样式的命名。

必须讲一下的其他东西

合理使用
进入

，这是大错特错，不是不可以用，而是应该在合适的地方用。传统网络WEB1.0时代时，网页的信息以一种"推"的方式呈现到用户面前，多数以文字或者图片的形式进行展示，而没有太多的复杂的展示效果，当时

就是在这样的环境下被以一种hack的方式来实现网页技术，只需要在DW拖一个

就可以很简单地实现网页，以后的几年，大家都懒得去改变这一格局，所以

也经历较长的一段时间。如今，

的本义应当用作数据列表的地方，对于一些数据处理用

显得更加有序和语义。

html5–为语义和体验而生
HTML5提供了一些新的元素和属性，例如

（网站导航块）和。这种标签将有利于搜索引擎的索引整理， 同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如和标记。html5也弥补了(x)html1.1以前版本在语义标签的缺陷，这样就可以更少的去使用

等无语义标签，而去使用等这类型语义标签。

微格式—将智能数据添加到网页上
(x)HTML标签本身并不具备对它们的含义进行描述的功能。如果一个网站链接到另一个网站，那么该链接并不承载任何为什么有关这些网站互相链接的原因方面的信息。但是，如果这些都能被实现将会怎么样呢？微格式就是标签进行简单的扩展，将智能数据添加到网页上。如Smallni's Blog。上面的链接标记包括rel="home"属性，该属性显示链接的目标页面是该网站的首页。通过为已有的链接元素添加语义化属性，就为这个链接添加了具体的结构和意义。