第 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/ns-echarts
-
【利用 THREE.JS 实现 3D 城市建模(珠海市)】https://3d.noxussj.top/