html5初学(header、nav、main、aside、footer标签)
老规矩,为了便于理解先上图目前大多数的网页都差不多是这个框架
上代码,文末有各个标签的解释
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>网站标题</header>
<nav>网站导航</nav>
<aside>网页导航</aside>
<main>网页主题</main>
<footer>网站底部</footer>
</body>
<style>
header{
height: 80px;
background-color: aqua;
}
nav{
background-color: blue;
height: 80px;
}
aside{
height: 400px;
width: 20%;
background-color: rgb(223, 13, 13);
float: left;
}
main{
background-color: blanchedalmond;
width: 80%;
height: 400px;
float: right;
}
footer{
clear: both;
background-color: blueviolet;
height: 100px;
}
</style>
</html>
1.<header>
网站的标题可以设置样式居中什么的,反正看着舒服就行
2.<nav>
网站的导航,可以理解为网站最上面的导航栏
3.<aside>
侧边栏
4.<main>
主题内容
5.<footer>
网站的底部