12HTML语义——语义类标签

最新推荐文章于 2022-04-21 22:45:00 发布

_wayliu

最新推荐文章于 2022-04-21 22:45:00 发布

阅读量97

点赞数

分类专栏：重学前端

本文链接：https://blog.csdn.net/weixin_44499465/article/details/114552777

版权

重学前端专栏收录该内容

23 篇文章 0 订阅

订阅专栏

1.语义类标签的好处

2.正确使用整体结构类语义标签

1.语义类标签的好处

对开发者友好，使用语义类标签增强了可读性，即使在没有css的时候，开发者也能清晰看出网页结构。
语义类标签适宜机器阅读，表现力丰富，适合搜索引擎检索（SEO）。

2.正确使用整体结构类语义标签

<body>
    <header>
        <nav>
            ……
        </nav>
    </header>
    <aside>
        <nav>
            ……
        </nav>
    </aside>
    <section>……</section>
    <section>……</section>
    <section>……</section>
    <footer>
        <address>……</address>
    </footer>
</body>

header：通常出现在前部，表示导航或者介绍性的内容。
footer：通常出现在尾部，包含一些作者信息、相关链接、版权信息等。
aside：表示跟文章主体不那么相关的部分，可能包含导航、广告等工具性质的内容。aside很容易被理解为侧边栏，侧边栏是aside，aside不只是侧边栏。
section：文章的整体。

_wayliu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
12HTML语义——语义类标签

1.语义类标签的好处2.正确使用整体结构类语义标签1.语义类标签的好处对开发者友好，使用语义类标签增强了可读性，即使在没有css的时候，开发者也能清晰看出网页结构。语义类标签适宜机器阅读，表现力丰富，适合搜索引擎检索（SEO）。2.正确使用整体结构类语义标签<body> <header> <nav> …… </nav> </header> <asi
复制链接

扫一扫