搜索
首页web前端html教程html header标签和footer标签区别的两点总结(附元素区别实例)

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

一、我们先来看看1aa9e5d373740b65a0cc8f0a02150c53标签和c37f8231a37e88427e62669260f0074d标签的区别:

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

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

注释:1aa9e5d373740b65a0cc8f0a02150c53 标签不能被放在 c37f8231a37e88427e62669260f0074d、208700f394e4cf40a7aa505373e0130b 或者另一个 1aa9e5d373740b65a0cc8f0a02150c53 元素内部。

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

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

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

在一个文档中,您可以定义多个 c37f8231a37e88427e62669260f0074d 元素。

<article>
  <header>
    <h1>这是PHP中文网介绍的页头</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
  </header>
  <p>Windows Internet Explorer 9 (abbreviated as IE9) 这里是PHP中文网</p>
</article>
<footer>
  <p>这里是PHP中文网中的页脚footer的用法</p>
  <p><time pubdate datetime="2012-03-01"></time></p>
</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标签区别的实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP中文网演示</title>
</head>
<body>
<article>
<header>
<h3>文章的标题</h3>
<h5>作者</h5>
</header>
<p>我是正文-我是正文-我是正文-------------<></p>
<article>
<head>
<h4>网友的评论</h4>
<p>评论内容-评论内容-评论内容----------</p>
</head>
<footer>
发布时间:1433223
</footer>
</article>
<footer>
<p>尾部:3000:评论</p>
</footer>
</article>
</body>
</html>

效果是这样的:

tuer.png

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

【小编推荐】

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

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

以上是html header标签和footer标签区别的两点总结(附元素区别实例)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

SpringBoot怎么通过Feign调用传递Header中参数SpringBoot怎么通过Feign调用传递Header中参数May 16, 2023 pm 08:38 PM

【SpringBoot】通过Feign调用传递Header中参数如何通过Feign传递Header参数问题描述我们在SpringCloud中使用Feign请求另一个服务的Api接口时,有将Header中参数传递下去的需求,如果不做特殊处理,就会将Header中的参数丢失。解决方案方案一:通过@RequestHeader(name="headerName")来传递例如:Feign定义如下@FeignClient(name="service-name")pub

linux的header是什么意思linux的header是什么意思Jul 18, 2023 pm 03:34 PM

linux的header是指在文件或数据流中的开头部分,用于包含关于内容的元数据,通过正确地编写和使用Header文件,开发者能够更好地利用系统资源,提高代码的可读性和可维护性。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

如何使用PHP header()方法来调整网页如何使用PHP header()方法来调整网页Mar 28, 2023 pm 01:54 PM

PHP是一种功能强大的编程语言,可以用来创建动态网站和Web应用程序。其中一个最强大的功能之一是PHP的header()方法。在本文中,我们将探讨如何使用PHP的header()方法来调整网页。

php header头怎么实现跳转php header头怎么实现跳转Dec 02, 2022 am 09:14 AM

php header实现跳转的方法:1、使用“Header("Location:$url");”语法实现跳转;2、使用if判断式实现跳转,其跳转语句如“if($_COOKIE["u_type"]){ header('location:register.php'); } else{ setcookie('u_type','1','86400*360');”。

html5标签head和header有什么区别html5标签head和header有什么区别Jan 17, 2022 am 11:10 AM

区别:1、head标签用于定义文档头部,它是所有头部元素的容器,而header标签用于定义文档的页眉(介绍信息);2、浏览器都支持head标签,而旧版本浏览器均不支持header标签,需要IE9+以上浏览器才支持header标签。

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境