本文概述
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
世界第一购物网站
让我们看一下带有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
世界第一购物网站
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<header> | Yes | Yes | Yes | Yes | Yes |