HTML5 页面结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 页面结构</title>
</head>
<body>
什么是语义元素?
一个语义元素能够清楚的描述其意义给浏览器和开发者;(语义元素=有意义的元素)
无语义<div> 和 <span> 无需考虑内容;
语义元素<form>、<p>、<img> 清楚的定义了它的内容;
=============================================================================
HTML5中新的语义元素:
<header>元素描述了文档的头部区域
<div class="header">
</div>
<header>
</header>
<nav> 标签定义导航链接的部分
<div>
<a href="">123</a>
</div>
<nav>
<a href="">1213</a>
<a href="">1213</a>
<a href="">1213</a>
<a href="">1213</a>
</nav>
<section> 标签定义文档中的节比如章节、页眉、页脚或文档中的其他部分
<article> 标签定义独立的内容
<aside> 标签定义页面主区域内容之外的内容(比如侧边栏)
<footer> 元素描述了文档的底部区域
注:为了让这些块及元素在所有版本的浏览器中生效,你需要在样式表文件中设置一下属性 display:block
</body>
</html>