📅  最后修改于: 2023-12-03 15:35:57.334000             🧑  作者: Mango
中心标签是HTML5中的新标签,它们被用来创建一个内容区域的中心,并且内容会随着不同大小的屏幕而自适应调整。这些标签包括<main>
、<header>
、<footer>
、<nav>
等。
HTML5中的中心标签实际上可以有效提高用户体验,为不同尺寸的屏幕提供更好的浏览体验。在CSS中,也可以通过对这些标签进行样式设置,使其更好地适应不同的屏幕大小和设备类型。
以下是一些中心标签的示例:
<main>
标签用于包含一个文档的主要内容。在HTML5中,只应该使用一个<main>
标签。例如:
<main>
<h1>这是主要标题</h1>
<p>这是主要内容。</p>
</main>
<header>
标签用于包含一个文档或一个区域的头部。例如:
<header>
<h1>这是页眉</h1>
<nav>
<ul>
<li><a href="#">链接1</a></li>
<li><a href="#">链接2</a></li>
<li><a href="#">链接3</a></li>
</ul>
</nav>
</header>
<footer>
标签用于包含一个文档或一个区域的页脚。例如:
<footer>
<p>版权所有 © 2020<br> 自豪地由WordPress支持</p>
</footer>
<nav>
标签用于包含一个文档或一个区域的导航链接。例如:
<nav>
<ul>
<li><a href="#">链接1</a></li>
<li><a href="#">链接2</a></li>
<li><a href="#">链接3</a></li>
</ul>
</nav>
总之,中心标签可以使页面更易于阅读和浏览,并可以更好地适应不同的屏幕大小和设备类型。它们也为代码结构提供了一个更明确的方式。