HTML-语义化
原创
原文链接：https://note.noxussj.top/?source=cloudtencent
什么是语义化？
简单了来说就是，当网页去掉 CSS 样式时，页面能呈现出来清晰的结构。
语义化的核心作用：提升代码可读性，便于团队开发和维护。
以下是语义化的 HTML 标签结构（部分语义化标签）：
假设我要编写一个这样的布局
不使用语义化是这样的
<div></div>
<div></div>
<div>
<div>
<div></div>
<div></div>
</div>
<div></div>
</div>
<div></div>使用语义化是这样的
<header></header>
<nav></nav>
<main>
<section>
<section></section>
<article></article>
</section>
<aside></aside>
</main>
<footer></footer>从上面的例子可以看出来，去除页面样式后，不使用语义化一堆 div 很难看出来是什么模块。而使用语义化标签后，就能够清晰看出包含了头部模块、导航模块、主要内容展示模块、侧边栏模块、底部模块等。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
