HTML——49.header和footer标签

时间sk2025-01-03 19:12

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

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