HTML5新增元素——用于构建页面的语义元素

标题[页眉]

• <header>
• <hgroup>

//当只有<h>元素时，使用<hgroup>，当除了标题之外，还有<p>,<time>,<img>……时，用<header>

//<header>可以包裹<hgroup>元素

<footer>

//只能放置一些简单的文字信息，链接等，当页脚需要包含更多的内容，比如社交媒体按钮，奖项图片时，需要运用其他的元素：

<div class="fatfooter">

　　<img>

　　<footer></footer>

</div>

or

<div class="fatfooter">

　　<aside></aside>

　　<footer></footer>

</div>

<artcle>

<sectiion>

<summary>

<aside>//附注栏，和周围的内容没有密切的关系

//可用来显示醒目的引文：

.PullQuote{

float:right;

max-width:300px;

border-top:thin solid black;

border-bottom:thin solid black;

font-size:30px;

line-height:130%;

font-style:italic;

padding-top:5px;

padding-bottom:5px;

margin-left:15px;

margin:10px;

}

插图

• <figure>
• <figcaption>//图题

//设置图片class的margin值，设置float属性

<nav>//链接～包裹<ul><li>

<details>