共计 1860 个字符，预计需要花费 5 分钟才能阅读完成。
作为一个前端开发人员，你要是没有听说过 css，那你肯定是一个“out-man”。随着 css 的深入人心，结构与表现与行为的逐渐分离，html 语义化成了炙手可热的卖点。
语义化的 html 首先要强调 html 结构
一个网页就好像一幢房子，html 结构就是钢筋混泥土的墙，一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头，也就称不上是房子了。css 是装饰材料，是油漆，是用来装饰房子的。css 如果没有 html 结构那就什么也不是了，没有了实际使用价值。css 完全依靠引用它的 (x)html 文档。如果你想使 css 的能力发挥到极致，提供一个用既干净又有结构的 html 是非常必要的。
其实 html 中的标签都有他自身的含义，只是常常被忽视——就像表格一直充当着网页布局的角色。还好随着 css 的重现江湖，表格也终于回到他的本质工作——列表数据。它会告诉我们说：“这行是一个标题；这几行组成了一个段落；这些文字是项目列表……”在做前端开发的时候要记住：html 告诉我们一块内容是什么（或其意义），而不是它长的什么样子。
写语义化的 html 结构其实很简单，首先掌握 html 中各个标签的语义，在看到内容的时候想想用什么标签能更好的描述它，是什么就用什么标签。