HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

浏览器显示页面内容的屏幕区域viewport..

HTML 面试问题

HTML <header> 标签

HTML 标题标签

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

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

HTML 标题标签示例

<!DOCTYPE>
<html>  
<body>  
<header>  
<h2>RocSchool.com</h2>  
<p>这是一个教程网站</p>  
</header>  
</body>  
</html>

输出：

RocSchool.com

这是一个教程网站

让我们看另一个带有 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>

输出：