该文介绍了HTML5中增强网页结构的语义化标签，如<header>、<nav>、<article>、<section>、<aside>和<footer>，并展示了<header>和<nav>的样式示例，强调这些标签在IE9及以上版本中作为块级元素的使用。
<header>头部标签
<nav>导航栏标签
<article>内容标签
<section>定义文档某个区域
<aside>侧边栏标签
<footer>尾部标签
注：在IE9+中，这些标签都是块级元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>html5 新增语义化标签</title>
<style>
header,nav{
height: 150px;
background-color: pink;
border-radius: 15px;
width: 800px;
margin: 15px auto;
}
section{
width: 500px;
height: 300px;
background-color: aqua;
}
</style>
</head>
<body>
<header>头部标签</header>
<nav>导航栏标签</nav>
<section>某个区域</section>
</body>
</html>
扫一扫
287
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
