HTML教程-HTML<header>标签

HTML <header>标签用作引导内容或导航链接的容器。通常，一个<header>元素包含一个或多个标题元素、标志或图标，或者作者的信息。

您可以在一个文档中使用多个<header>元素，但是一个<header>元素不能放置在<footer>、<address>或另一个<header>元素内部。

HTML头部标签示例

<header>
  <h2>ABCOnline.com</h2>
  <p>World's no.1 shopping website</p>
</header>

输出

ABCOnline.com

World's no.1 shopping website

让我们看一个带有CSS代码的头部标签示例。

CSS代码：

header {
  border: 1px solid pink;
  background-color: pink;
  padding: 10px;
  border-radius: 5px;
}

HTML代码：

<header>
  <h2>ABCOnline.com</h2>
  <p>World's no.1 shopping website</p>
</header>

输出

ABCOnline.com

World's no.1 shopping website

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<header>	是	是	是	是	是