HTML——49.header和footer标签

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>header和footer标签</title>
	</head>
	
	<body>
		<!--header和footer标签:是html5中新标签-->
		<!--header:定义文档的页眉,通常用来定义可见内容的头部-->
		<!--footer:定义文档的页脚,通常用来定义可见内容的尾部-->
		<!--header和footer标签只是div标签的一个变种,功能和div标签一样-->
		<!--header和footer标签有很强的语义,使得网页结构更清晰-->
		<!--IE8以及更早的版本不支持header和footer标签-->
					
		<header></header>
		<div class="content"> </div>
		<footer></footer>
			
	</body>
</html>


header表示网页头部和footer表示网页尾部标签只是div标签的一个变种,功能和div标签一样,header和footer标签来自以下,		
<div class="header">  </div>
<div class="footer">  </div>
这个是传统用div标签表示的方式

现在头部网页和尾部网页直接用<header></header>标签和<footer></footer>标签来表示		

网页会使用div标签把他分割成一块一块的,网页在布局的时候遵循一个原则,从大块到小块,最终结合成一个页面,

一个页面分头部,内容,尾部

相关推荐
qq_340040884 分钟前
idea2021版,vue项目的package.json不展示scripts的绿色箭头
javascript·vue.js·json
qq_364682158 分钟前
录音APP怎么切换语言?多语言版本如何使用
java·服务器·前端
reasonsummer10 分钟前
【教学类-07-12】20261028大3班破译电话号码html(手机按钮版本)
python·html
2601_9689007719 分钟前
玻璃深加工的工艺窗口:4 道工序的温度与时间参数边界
android·java·javascript
志尊宝20 分钟前
AI原生前端开发(037):AI辅助的Vue 3开发最佳实践
前端·vue.js·ai-native
中科三方25 分钟前
AI时代新攻击面:悬空DNS记录正在成为黑客的低成本入侵入口
服务器·前端·人工智能
程序员大阳28 分钟前
副队长JavaScript教程(53)-DOM操作元素的属性
javascript·dom·属性·setattribute·getattribuite
努力变的更好1 小时前
H5与小程序之间的回调
前端·小程序·apache
Non-existent9871 小时前
在 WPS/Excel 里做地理数据处理:功能市场 + 奥维 / Google Earth / QGIS 三种跳转实战
开发语言·javascript·ecmascript
zhougl9961 小时前
什么是 URL
javascript