初识HTML5语义化标签

以前我们写网页，布局几乎都是用 <div> 靠 class 或 id 来区分。比如 div class="header"。虽然功能上没问题，但搜索引擎和开发者阅读代码时并不友好。

什么是语义化？

语义化就是让机器和人都能读懂你的代码结构。HTML5 引入了一系列新的标签来替代这些 div。

常用标签列举

• <header>: 页面头部或区块头部
• <nav>: 导航栏
• <article>: 一篇完整的文章内容
• <section>: 页面中的一个章节
• <footer>: 页面底部

虽然这些标签在浏览器显示效果上和 div 几乎一样，但在 SEO（搜索引擎优化）和代码维护性上有着巨大差别。