HTML <header> 标签用作介绍性内容或导航链接的容器。通常，<header> 元素包含一个或多个标题元素、徽标或图标或作者信息。
您可以在一个文档中使用多个 <header> 元素，但 <header> 元素不能放置在 <footer>、<address> 或另一个 <header> 元素中。
<!DOCTYPE> <html> <body> <header> <h2>RocSchool.com</h2> <p>这是一个教程网站</p> </header> </body> </html>
输出：
这是一个教程网站
让我们看另一个带有 CSS 代码的 header 标记示例。
CSS 代码：
header{
border: 1px solid pink;
background-color:pink;
padding:10px;
border-radius:5px;
}HTML代码：
<!DOCTYPE>
<html>
<head>
<style>
header{
border: 1px solid pink;
background-color:pink;
padding:10px;
border-radius:5px;
}
</style>
</head>
<body>
<header>
<h2>RocSchool.com</h2>
<p> 这是一个教程网站</p>
</header>
</body>
</html>输出：
这是一个教程网站
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <header> | Yes | Yes | Yes | Yes | Yes |