9.12（day8）

# HTML5

1.  语法简洁（DOCTYPE，Charset)

2.  语义化标签（易读性，SEO优化）

3.  新增的表单标签

4.  JS新增的API语法

        Canvas画布（图形，动画）

        SVG矢量图（无损）

        本地存储（7天免登陆）

        离线缓存（不联网都可以正常浏览）

        多媒体（audio,video)

        地理定位（经纬度等等）

        拖拽

        web worker(多线程)

        访问设备信息

        JS新增的一些语法

#HTML5兼容问题

    大部分语法支持IE9+

    以下代码可以让IE8-支持一部分的H5标签

    <!--[if lt IE 9]>

        <script src="html5shiv.js"></script>

    <![endif]-->

#HTML5布局标签

<header></header>    --头部

<footer></footer>    --尾部

<main></main>        --主要内容

<aside></aside>      --侧边栏

<nav></nav>          --导航菜单的容器

<hgroup></hgroup>    --放标题的容器

<article></article>  --一篇文章、一条完整的回复

<section></section>  --主题内容

<address></address>  --作者信息，联系方式

<mark></mark>        --黄色背景，黑字

<time></time>        --放时间的

<figure>

    <img>

    <figcaption></figcaption>

</figure>

 

#新增的属性

<div contenteditable="true"></div>   --内容可以被编辑

<div hidden></div>                   --标签被隐藏

#多媒体标签(#IE9+)

<audio src="一人我饮酒醉.mp3" muted loop

    autoplay controls></audio>

<video scr="夜曲.mp4" muted loop autoplay

    controls poster="xx.jpg"></video>

muted:    静音

loop:     单曲循环

autoplay: 自动播放（被浏览器给禁止）

controls：控制条

poster：  第一帧画面（视频封面）