html5结构标签header的用法
发布时间:2023-03-13 17:37:30
发布人:syq
HTML5 的 header标签定义了网页或区域的页眉，通常包含一些引导用户的内容，例如网站的标题、logo、搜索框、导航链接等。
header标签应该作为文档或区域的首个子元素，并且不能放在header 或其他类似结构标签内。一个文档或区域可以包含多个header 标签，但是每个header 标签都应该表示不同的内容。
下面是一个示例，演示如何使用 header 标签：
<body>
<header>
<h1>My Website</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<p>Welcome to my website!</p>
</main>
<footer>
<p>© 2023 My Website. All rights reserved.</p>
</footer>
</body>
在这个示例中，header标签包含了网站的标题和导航栏，main标签包含了主要内容，footer 标签包含了页脚。注意 header标签位于 body的第一个子元素位置，表示它是文档的页眉。
