html之结构化标记

1、什么是结构化标记
对布局使用的div 进行升级 ， 根据页面的不同区域而提供的不同标签。作用与div几乎一致
专门用于搭建网站结构而用
2、结构标记详解
1、<header>元素
作用：用于定义【网页内容的头部】、或者是【某部分信息中的头部】
语法：
<header id="aa1">
头部区域的内容
</header>

<div id="aa1">

</div>
2、<nav>元素
作用：用于定义页面的【导航链接】部分
语法：<nav></nav>
<nav>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
3、<section>元素
作用：定义文档中的 小节,可以定义网页主体内容
语法：<section></section>
<section>
<div></div>
<img />
普通文本 ....
....
</section>
4、<article>元素
作用：定义独立于文档其他部分的内容。
场合：多用于 论坛帖子、新闻信息、博客条目、用户评论、微博信息内容
语法：<article></article>
<article>
<h1>国产大飞机C919下线</h1>
<p> ...... ..... .....</p>
</article>
5、<footer>元素
作用：定义某区域的脚部(底部)信息
定义 版权信息、企业标识、售后服务 等一些非重要信息
语法：<footer></footer>
<footer>
<ul>
<li>关于我们</li>
<li>联系我们</li>
<li>社会招聘</li>
</ul>
</footer>
6、<aside>元素
作用：多数用于定义侧边栏
语法：<aside></aside>
<aside>
<p>发表信息</p>
<p>查看最新发表记录</p>
</aside>
7、注意：
如果在有些网站中 结构化标记 不够来显示网页的内容的时候，那么就使用 div 灵活控制