小编给大家分享一下html5中头标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强>一,首先我们来说说html5头标签元素基本介绍
头元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他的内容,比如在标题里面放置标志图片,搜索表单等等。
注意:一个页面内并没有限制头的出现次数,也就是说我们可以在同一页面内,不同的内容区块上分别加上一个头元素。
在html5版本之前习惯使用div标签布局网页,在html5在div标签基础上新增头标签元素。也叫“& lt; header>”头部标签。以前我们在div css布局中常常把网页大致分为头部,内容,底部。对于大结构我们常常使用div里加id进行布局。而头部常常使用& lt; div id=巴贰痹? lt;/div>或& lt; div类=巴贰痹? lt;/div>进行布的局,特点与传统div布局不同,少了div做标签,而是新增元素标签。
正应为大家公认html布局中对“头”为常用命名,所以在html5新增了个标题标签元素,可以这样理解为什么在html5中新增头为标签元素。
除了直接使用头标签外,也可以对标题设置类或id。
<强> html5头标签的用法 <强>实例:
对主页的介绍:
这就是最基本的用法了。在上面的结构中,我们可以看到使用头我们定义了一篇文章的标题和内容。这里头标签的使用并不是页面的页头,而是文章的页头。
所以在HTML5中,头的使用更加灵活,你可以根据你的需要来定义和组织文档结构。
同样,在架构页面时,头标签一般都放在页面的顶部,但是如果你想把他放在左侧,右侧甚至底部都没有关系,标签只定义了本身在页面的角色,而不是位置。当然更具搜索引擎优化原则,重要内容最后在架构页面的时候提前。
<强>二,现在再来说说兼容性的问题了:
因为头标签是HTML5新增标签元素,所以旧版本浏览器均不支持,需要IE9 +以上浏览器,最新谷歌Chrome等浏览器才支持。当然国内360浏览器,百度浏览器,遨游浏览器等浏览器均借用系统自带即内核,所以国内浏览器实际上与你系统自带浏览器即版本相同,所以你IE浏览器在IE9或以上版本自然就兼容HTML5新增标签元素。
现在我们升级一下上文的代码:
以上是html5中头标签怎么用的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
