HTML5之语义化标签

最新推荐文章于 2022-07-08 16:48:15 发布

evan_qb

最新推荐文章于 2022-07-08 16:48:15 发布

阅读量1.1k

点赞数 1

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/Evan_QB/article/details/75332680

版权

前端专栏收录该内容

76 篇文章 1 订阅

订阅专栏

语义化标签，顾名思义，即让标签更加通俗化，增加可读性

普通的HTML标签

<!-- 头部 -->
	<div class="header">
		<div class="nav"></div>
	</div>
	<!-- 主体部分 -->
	<div class="main">
		<!-- 文章 -->
		<div class="article"></div>
		<!-- 侧边栏 -->
		<div class="aside"></div>
	</div>
	<!-- 底部 -->
	<div class="footer"></div>

HTML5的语义化标签

<!--头部-->
    <header>
        <nav>导航栏</nav>
    </header>
    <!--内容部分-->
    <section>
        <!--文章-->
        <article></article>
        <!--侧边栏-->
        <aside></aside>
    </section>
    <!--底部-->
    <footer></footer>

这样的标签就更加具有可读性