html中header标签的详细介绍

原创 国哥笔记  2019-04-23 19:35  阅读 587 views 次

本篇将介绍的是html中<header>标签的用法,如果有兴趣可以了解一下!

在html5版本中新增了很多语义化标签,这些语义化标签只起语义的作用,对内容没有任何显示效果,就和<div>的效果一样。今天将介绍的就是其中一个,即<header>标签。

“header”作为英文单词可以翻译为“页眉”吧!那它在html中作为标签又有什么用途呢?接下来我们一起来看看吧!

一、<header>标签定义及用法

在html中,<header>标签是html5新增标签,是使用来定义文档的页眉。通常作为介绍内容或者导航链接栏的容器;

在一个网页中,可以使用多个<header>标签,表示各个区域的页眉。但是不能被放在<footer>、<address标签内,已不能当作自身的子元素,就是<header>标签放在<header>标签中;

<header>标签只是起到语义化的作用,它对内容是没有任何显示效果的,和<div>标签一样;

二、<header>标签语法格式

<header>内容<header>

说明:在<header>标签中的内容没有任何css样式效果,只表该区域内容是文档或者文档的一部分区域的页眉。

三、实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html中head头部标签的详细介绍</title>
</head>
<body bgcolor="bisque">
<article>
<header>
<h1>header是什么意思?</h1>
<p>header:</p>
</header>
<p>header是html5新增的语义化标签……</p>
</article>
</body>
</html>

运行结果:

header标签演示

好了,关于html中<header>标签的介绍就结束了,希望能帮助大家!

更多html标签----->html标签大全

本文地址:https://www.ggbiji.com/html-header-2.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情