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标签把他分割成一块一块的,网页在布局的时候遵循一个原则,从大块到小块,最终结合成一个页面,

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

相关推荐
IT_陈寒8 分钟前
Vue开发实战:从入门到精通
前端·人工智能·后端
znnnk23 分钟前
2026 前端工程化新纪元:Rust 重塑工具链,AI Agent 接管流水线
前端·人工智能·rust
王大师王文峰34 分钟前
HTML 入门到进阶:语义化标签、表单与多媒体一篇打通【语义化布局、表单校验、video/audio、Canvas、无障碍与 SEO】
前端·css·node.js·html·css3·jquery·html5
风骏时光牛马36 分钟前
AI_Coding:智能代码创作助手
前端
剪刀石头布啊9 小时前
vue-react为何要虚拟dom
前端
剪刀石头布啊9 小时前
ahooks常用的一些库,我们使用一下
前端
剪刀石头布啊9 小时前
从git更新本地提交记录到更新已经推送到远端记录
前端
云浪10 小时前
Go 并发实战:从零实现一个高并发安全的任务调度器
javascript·后端·go
Flynt12 小时前
axios 被投毒半年后,我把 npm 的"安全防线"实测了一遍:最信任的 SHA512 是安慰剂
前端·npm·node.js
excel12 小时前
Base62 和 Base64 有什么区别?
前端