1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html5页面头部代码 HTML5标签:header元素的使用方法及作用

html5页面头部代码 HTML5标签:header元素的使用方法及作用

时间:2023-04-26 14:20:56

相关推荐

html5页面头部代码 HTML5标签:header元素的使用方法及作用

html代码的标签是html5新增标签,通常用于放置介绍性或引导性的内容,也可以作为导航栏目链接的容器,下面,就一起学习r标签的用法及作用:

标签定义

标签定义整个页面或者页面某一个内容区块的头部信息。

标签定义的通常是介绍性、引导性的内容,或作为导航链接的容器!

标签可以包含标题标签 h1 ~ h6或hgroup,也可以包含其他的内容,比如导航链接栏、logo、搜索表单等靠近头部区域的内容。

标签是 HTML 5 中的新标签。

标签不能被放在 、

或者另一个 元素内部。

浏览器支持情况

标签已被IE9+, Firefox, Opera, Chrome 以及 Safari 支持;

但在IE8 以及更早的版本中,不支持 标签。

标签用法

标签是一个双标签,必须有开始标签和结束标签两部分组成,书写格式如下:元素内容

1、用于整个页面的头部

标签可以作为整个页面靠近顶部位置,这个位置是通常所说的是页面的页眉或头部位置,如下图所示:

如上图所示,在页面头部的 标签,可以包含网站的logo、网站名称、网站主导航、甚至搜索框等元素内容。

2、用于页面中局部内容区块的头部

标签可用于整个页面中某个局部内容区块的头部,比如,在标签区块内,代码如下:

刘代码博客

欢迎光临本网站

一个页面上可以包含多个 标签,也就是说,如果一个页面中有多个内容区块,每个内如区块可以包含一个header标签,一个页面中并不限制header标签的个数!

3、标签内嵌元素

标签内可以包含h1-h6、hgroup等不同的标签,演示代码如下:

网站标题

网站副标题

标签除了可以包含h1-h6和hgroup标签,也可以包含其他标签,比如,nav标签、搜索栏表单等!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。