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:  第一帧画面(视频封面)

原文地址:https://www.cnblogs.com/jihongtao/p/9637050.html