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

世界第一购物网站


让我们看一下带有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
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?