第 3 题:如何理解 HTML5 语义化?

  • A+
所属分类:Web前端
摘要

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


什么是标签语义化?

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

为什么要标签语义化?

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

案例

  • 不存在语义化

    <div></div> <div></div> <div></div> 
  • 使用语义化

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

文章的内容/灵感都从下方内容中借鉴