html header标签和footer标签区别的两点总结(附元素区别实例)

本篇文章主要的为大家讲述的关于html header标签和footer标签的两点区别,接下来就让我们一起来看这篇关于html header标签和footer标签的文章吧

一、我们先来看看

标签和

标签的区别:

标签定义文档或者文档的一部分区域的页眉。

元素应该作为介绍内容或者导航链接栏的容器。在一个文档中,可以定义多个

元素。

注释:

标签不能被放在

、 或者另一个

元素内部。

立即学习“前端免费学习笔记(深入)”;

标签定义文档或者文档的一部分区域的页脚。

元素应该包含它所包含的元素的信息。

在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。

在一个文档中,您可以定义多个

元素。

  
    

这是PHP中文网介绍的页头

    

  
  

Windows Internet Explorer 9 (abbreviated as IE9) 这里是PHP中文网

  

这里是PHP中文网中的页脚footer的用法

  

登录后复制

这里有效果图:

tuyi.png

二、我们现在来看看header标签和footer标签的另一方面的区别:

header元素:

表示其最近父元素的一组引导性内容。header的父元素可能是分节元素(artic,section,aside等)或根元素(body元素)。当header元素的最近父元素是body元素,那么header元素表示的是整个HTML页面的一组引导性内容。如果在HTML文档中有一个新的区域内容,那么就可以根据内容的需要来添加header元素,这样做会提高文档的语义。

footer元素:

表示其最近父元素补充说明的内容,footer的父元素可能是分节元素或根元素。

footer元素内容通常与当前所在区域内容有关系,比如:当前所在区域内容的相关链接、版权信息等。

当footer元素的最近父元素是body元素,那么footer元素表示的是整个HTML页面的补充说明。

footer元素通常用来标记页面内容的一些扩展信息,比如:附录、条款、版本信息、许可协议、或其他内容。

这还有个关于header标签和footer标签区别的实例:

nbsp;html>PHP中文网演示

文章的标题

作者

我是正文-我是正文-我是正文-------------

网友的评论

评论内容-评论内容-评论内容----------

发布时间:1433223

尾部:3000:评论

登录后复制

效果是这样的:

tuer.png

以上就是这篇文章的全部内容了(想看更多,欢迎来到PHP中文网学习。更多的编程课程等着你的到来),有问题的可以在下方留言

【小编推荐】

html5 header标签是什么意思?html5 header标签的用法详解(附实例)

input表单如何制作多行文本输入框?一篇文章教你学会使用input标签

以上就是html header标签和footer标签区别的两点总结(附元素区别实例)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2831840.html

(0)
上一篇 2025年3月9日 04:00:48
下一篇 2025年2月24日 20:45:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论