html5学习

html5中把原来需要用div+css定义页面样式的模式中增加更显式的标签来定义，主要有：

<header>——定义标题头

<section>——主要内容显式区域

<aside>——侧边栏内容

<article>——标题

<footer>——页脚

<nav>——导航栏

 

<figure>与<figcaption>，便于搜索引擎绑定数据，比如img与文字的绑定

<figure>

    <img src="images/1.jpg">

    <figcaption>范冰冰李晨结婚照</figcaption>

</figure>

 

<progress>显示进度条

<progress value="60" max="10">60%</progress>

 

<address>方便搜索引擎检索关键字，比如百度搜索

<address>金沙江路车祸</address>

 

<mark>高亮显示文字

 

<ruby>在文字上加注释

<ruby>

    汉<rp>(</rp><rt>hàn</rt><rp>)</rp>

    字<rp>(</rp><rt>zì</rt><rp>)</rp>

</ruby>