HTML header标记

本文概述

• HTML标头标记示例
• ABCOnline.com
• ABCOnline.com
• 支持的浏览器

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

世界第一购物网站

支持的浏览器