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

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

标签定义

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

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

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

标签是 HTML 5 中的新标签。

标签不能被放在 、

或者另一个 元素内部。

浏览器支持情况

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

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

标签用法

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

1、用于整个页面的头部

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

995580ee5bad8e5b532fbac2c3219912.png

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

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

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

刘代码博客

欢迎光临本网站

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

3、标签内嵌元素

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

网站标题

网站副标题

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值