关于前端:什么是语义化

语义化

原文链接：https://note.noxussj.top/?sou…

什么是语义化？

简略了来说就是，当网页去掉 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 很难看进去是什么模块。而应用语义化标签后，就可能清晰看出蕴含了头部模块、导航模块、次要内容展现模块、侧边栏模块、底部模块等。

最全面的前端笔记来啦，蕴含了入门到入行的笔记，还反对实时成果预览。小伙伴们不须要在花工夫去写笔记，或者是去网上找笔记了。面试高频发问和你想要的笔记都帮你写好了。反对挪动端和 PC 端浏览，深色和浅色模式。

原文链接：https://note.noxussj.top/?sou…