HTML标签语义化

“语义化”的理解：

“语义化”指的是机器在很少的人为的干预下可以收集和研究信息，从而使网页能够被机器所理解。

HTML 标签语义化就是给某块内容加上一个最恰当、最合适的标签，无论阅读者是谁都可以看懂这块内容是什么。

结构化：

如果把网页比作房子，HTML结构就是一面面的墙，而标签是一块块的砖，只有砖码的整齐，墙才会牢固。同样，只有标签合理，HTML结构才更友好。

CSS则是装饰材料。好的页面是既有清晰结构的HTML，又有美化页面的CSS。而一个好的页面结构则是在没有CSS装饰的情况下，结构依然清晰明了，具有可读性，依然能够让人看出这是一个房子。

语义化：

HTML是一种对文本内容和意义（即语义）的补充说法。它会告诉我们“这行是一个标题”“这几行是一个段落”“这是一个表格”“这是一个项目列表”……。而不是告诉我们“这些字是红色的”“这些字是加粗的”“这些内容使靠右的”……（这些是CSS的工作）。

总结：HTML告诉我们页面具有哪些内容（房子的大体结构）。CSS告诉我们这些内容是长什么样的（房子用什么装饰）。而JavaScript告诉我们页面的行为（房子具有哪些用途）。

HTML标签语义化的优点：

1. 去掉样式或样式丢失时页面结构依然清晰明了。
2. 移动设备可以更加美观的展示网页（移动设备对CSS支持较弱）。
3. 屏幕阅读器会按标记读网页，无障碍阅读更加友好。
4. 对搜索引擎更加友好，更容易被搜索引擎抓取，方便网站推广（有利于SEO）。
5. 便于后期团队开发与维护。