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标签区别的实例:

PHP中文网演示

文章的标题

作者

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

网友的评论

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

发布时间:1433223

尾部:3000:评论

效果是这样的:

tuer.png

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

【小编推荐】

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

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

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

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 18:36:49
下一篇 2025年12月21日 18:37:07

相关推荐

  • html table表格标签内容如何居中显示?表格的align属性的用法介绍

    本篇文章主要的介绍了关于html 表格table标签的居中使用,还有关于align属性在table表格标签中的使用方法,可以帮助表格对齐和表格中的文本对齐。接下来让我们来看看这篇文章吧。 首先我们先来看看table表格的内容居中的使用: 我们先给大家介绍个属性,它就是align属性。 align 属…

    2025年12月21日
    000
  • table标签的cellspacing属性有什么用?一篇文章让你了解cellspacing属性

    本篇文章主要的介绍了关于html table表格标签的cellspacing属性的作用实例,用实例解析了关于html table表格标签的cellspacing属性属性值和语法规范。接下来我们一起来看看这篇文章吧 首先我们看看HTML table表格标签的cellspacing属性有什么用: cel…

    2025年12月21日
    000
  • html i是什么标签?html i标签的使用方法总结

    本篇文章主要讲述了关于%ignore_a_1% i标签的介绍,还有html i标签的使用方法的介绍,最后是我的个人总结,接下来就让我们一起来看看这篇文章吧 首先我们说说html i标签是什么?我们来看看关于i标签的介绍: 定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。 标签被用来表示…

    2025年12月21日 好文分享
    000
  • HTML中ul标签如何去掉点?HTML无序列表的样式实例解析

    本篇文章主要讲述的是关于html中的ul标签的默认小点给取消掉,还有关于html的无序列表ul标签的样式解释,给出了ul标签中的type属性三种值的介绍。现在就让我们一起来看本篇文章吧 首先这篇文章一开始我们就开始介绍在html中是怎么把ul标签的点给去掉的: 大家应该都使用过ul无序列表标签,ul…

    2025年12月21日 好文分享
    000
  • html中的ol标签如何去掉标号呢?标签的使用方法总结

    本篇文章介绍了html的ol标签是怎么去掉序号标号的,这里还有代码的详细解释,还有介绍了关于html ol有序列表标签如何更改序号,下文介绍了三种序号,大家也可以自己去想填写怎样的序号。现在来看这篇文章吧 一、我们先看看html中的ol标签是如何去掉标号的呢: 我们都知道html的ol标签是个有序列…

    2025年12月21日 好文分享
    000
  • html code标签怎么用?html code标签的作用解释

    本篇文章主要的讲述了关于html code标签的用法解释,和html code标签的用法实例,最后还有code标签的总结。接下来让我们一起来看这篇文章吧 首先我们先看看html code标签的用法解释: 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。 软件代码的编写者已经习惯了编写源代码时…

    2025年12月21日
    000
  • html表单边框怎么加颜色?html form标签的边框颜色实例

    本篇文章主要的讲述了html表单的边框加颜色,可以更改任何你想要的颜色都可以,有实例解析,方便观看,接下来让我们一起来看看这篇关于html表单的边框颜色的文章吧 首先我们说的是表单的边框怎么添加颜色? 标签用于搜集用户信息。根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复…

    2025年12月21日
    000
  • html form标签name属性怎么用?form标签的name属性详解

    本篇文章主要的介绍了关于html form标签的name属性的用法,最后还有关于name和id之间的区别,本文中说的是name标签的优点介绍,现在让我们一起来看这篇文章吧 我们首先来看看HTML form标签的name属性用法介绍: form中的name属性主要是对这个form进行标记,就像我们每一…

    2025年12月21日
    000
  • html form标签与table标签的区别是什么?这里有说明!

    本篇文章主要介绍的是关于html form标签和table标签的区别有哪些,本文介绍了form标签和table标签各自的区别,还有form标签和table标签的各自作用的区别,现在让我们开始看文章吧 我们先看看HTML form标签和table标签的三点区别: 1.html中form表示一个表单,用…

    2025年12月21日
    000
  • html article标签有什么用?html article标签的使用方法介绍

    本篇文章主要的向大家介绍关于html5 article标签的用法和使用实例说明,希望大家都能理解,接下来我们来看这篇关于html5 article标签的文章了。 首先我们先简单的介绍下article: html5 表示页面中的一块与上下文不相关的独立内容,比如网页中的一篇文章或报纸中的一篇文章。 a…

    2025年12月21日
    000
  • HTML中的form标签有什么作用?HTML form标签的用法解释

    本篇文章主要的介绍了关于html中的form标签的作用和用法,还有form标签的实例和定义,接下来就让我们来看看本篇文章吧。 一、先看看HTML中form标签的定义: (1)form表单的属性 action=”URL”:一个URL地址,指定form表单向何处发送数据 name…

    好文分享 2025年12月21日
    000
  • html p标签怎么换行?html p标签添加br换行标签的应用

    本篇文章主要的为大家介绍关于html p标签的应用方法和实例,还有关于html br换行标签的介绍。好了,现在让我们一起来看看篇文章吧 首先呢,我们先看看HTML p标签是怎么换行的: 在这里给大家介绍个好朋友标签,我记得有句话叫:如果有地方需要强制换行,那我们使用br标签即可。由此可见,br标签是…

    2025年12月21日
    000
  • HTML中插入文本ins标签和删除文本del标签如何一起使用?(附实例)

    本篇文章主要的为大家讲述了关于html del标签和ins标签一起使用的用法和案例,文章内容紧凑,知识比较多,希望大家看完之后会认真的实践,现在让我们一起来看这篇关于html del标签和ins标签使用方法的文章吧 首先我们要先了解del标签和ins标签: ins和del是在HTML4.0时引入的,…

    2025年12月21日
    000
  • 如何制作html表格的边框?HTML table表格制作及实例

    本篇文章主要为大家讲述的就是关于html table表格标签的边框用法,一般我们都是把边框线设置为1来演示边框的方法。接下来我们一起来看这篇关于html table表格标签的边框用法的文章吧 首先我们看看表格是怎么定义的: 表格由 标签来定义。每个表格均有若干行(由标签定义),每行被分割为若干单元格…

    2025年12月21日
    000
  • html select下拉框样式怎么制作?html select样式详解

    本篇文章主要的介绍了关于html select标签的下拉框制作,还有html select标签的样式解析,最后还有两个html select标签的案例。接下来让我们一起看看本篇文章吧 首先我们先来看看html select下拉框样式的制作: 原生的select下拉框其实挺方便的,直接把选项写入opt…

    2025年12月21日
    000
  • html中表格form相关的知识讲解(代码示例)

    本篇文章给大家带来的内容是关于html中表格form相关的知识讲解(代码示例) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在新建浏览器窗口中打开链接 标签在默认的情况下,链接的网页是在当前浏览器窗口中打开,有时候我们需要在新的浏览器窗口中打开。 新的浏览器窗口打开 mailt…

    好文分享 2025年12月21日
    000
  • html实现拖动的完整代码

    本篇文章给大家带来的内容是关于css中flaot浮动的原因及带来的问题分析 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 drag#p1{width :100px; height :30px;border:1px solid red; }function allowDrop(ev…

    好文分享 2025年12月21日
    000
  • html p标签是单标签吗?html p标签的使用方法介绍(内附实例)

    本篇文章主要的介绍了关于html中的p标签的具体使用方法和一些作用,内有实例解说,接下来就让我们一起看看这篇关于html p标签的文章吧 首先我们看看html p标签是单标签吗? 听这个问题就知道是没怎么用html,或者都没听过的小白,因为HTML p标签是HTML中最常见的标签之一了,段落标签,块…

    2025年12月21日
    000
  • input表单如何制作多行文本输入框?一篇文章教你学会使用input标签

    本篇文章主要的为大家讲述了html input标签如何制作一个登陆界面的介绍,有文本框、密码框、单选框、多选框、提交和重置按钮的使用说明,完全的解释了html表单input标签的使用详情了。现在让我们来看看这篇文章吧 一、首先我们来看看如何制作文本框: 这是文本框用户名: 这样的一个基本的用户名的文…

    2025年12月21日 好文分享
    000
  • HTML iframe标签怎么使用?HTML iframe标签的使用实例介绍

    本篇文章主要为大家介绍了关于html中的iframe标签是定义和使用的实例详情,还有关于html iframe标签的属性和优缺点的介绍。现在就让我们一起来看看吧 首先我们先看看HTML iframe标签的意思: iframe标签会创建包含另外一个文档的内联框架(即行内框架)。 再来看看iframe标…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信