视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
header标签的作用与用法总结
2020-11-27 15:32:52 责编:小采
文档
 <header> 标签定义文档或者文档的一部分区域的页眉。<header> 元素应该作为介绍内容或者导航链接栏的容器。在一个文档中,您可以定义多个 <header> 元素。

注释:<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。

下面我们就总结下header标签的用法和实例展示:

1.HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer

大家可能都知道HTML5中出现了很多以前没有的标签,例如,header,nav,和footer,在这之前我们如果开发相关的页面布局的时候,往往都是使用CSS来定义相关的头部,导航及其页底部分

2.HTML中Header标签的用法实例

<base> 标签为页面上的所有链接规定默认地址或默认目标。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

Html代码

<head> 
 <base href="http://www.w3school.com.cn/tags/"> 
 <base target="_blank" /> <!--页面中所有target默认为_blank--> 
</head> 
<body> 
 <a href="tag_base.asp">base </a> <br> <!--实际指向http://www.w3school.com.cn/tags/tag_base.asp 且target为_blank --> 
 <a href="tag_audio.asp">audio </a> 
</body>

3.HTML <header>标签的用法

html5 header元素标签 html5新增标签元素之<header></header>,通过html header基础教程学习同时作为header css布局技巧。

在HTML5版本之前习惯使用div标签布局网页,在HTML5在DIV标签基础上新增header标签元素。也叫“<header>”头部标签。以前我们在div css布局中常常把网页大致分为头部、内容、底部。对于大结构我们常常使用div里加id进行布局。而头部常常使用<div id=”header”></div>或<div class=”header”></div>进行布局,特点与传统DIV布局不同,少了div做标签,而是新增元素标签。

正应为大家公认html布局中对“header”为常用命名,所以在HTML5新增了个header标签元素。可以这样理解为什么在html5中新增header为标签元素。

除了直接使用header标签外,也可以对header设置class或id。

4.浅析HTML5中header标签的用法

<header>标签定义文档的页眉,通常是一些引导和导航信息。它不局限于写在网页头部,也可以写在网页内容里面。
在新的标准中header标签定义如下:

"A group of introductory or navigational aids.”

5.Header标签边距CSS问题请教

下载本文
显示全文
专题