第 3 题：如何理解 HTML5 语义化？

什么是标签语义化？

• 提升代码可读性，便于团队开发和维护

为什么要标签语义化？

• 当网页去掉 CSS 样式时，页面能呈现出来清晰的结构

案例

• 不存在语义化

  <div></div>
  <div></div>
  <div></div>
  

• 使用语义化

  <header></header>
  <main></main>
  <footer></footer>
  

• 总结：从上面可以看出，一个页面里面放 3 个 div 别人也不知道这是啥意思。如果使用语义化标签就能清楚的知道分为 3 个模块顶部、中间、底部。

附加

• 【持续维护/更新 500+前端面试题/笔记】https://github.com/noxussj/Interview-Questions/issues

• 【大数据可视化图表插件】https://www.npmjs.com/package/noxussj-echarts

• 【利用 THREE.JS 实现 3D 城市建模（珠海市）】https://3d.noxussj.top/