H5笔记-03

day11，
新增标签兼容在head内加上下面内容
<!–[if lt IE 9]>
<script src=“https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js”></script>
<![endif]–>
一，H5新增标签
语义化标签的优势:
1、利于优化
2、可维护性更高
3、利于移动端
header footer nav main(唯一不能嵌套) section aside article hgroup(组合标题) mark address time
figure+figcaption相当于dl dt dd
dialog <dialog open>吃了吗？<dialog>
embed 插件 <embed src=“helloworld.swf” />
source定义媒体资源
video用于在HTML或者XHTML文档中嵌入媒体播放器
<video controls width=“250”>
<source src="/media/examples/flower.webm" type=“video/webm”>
<source src="/media/examples/flower.mp4" type=“video/mp4”>
Sorry, your browser doesn’t support embedded videos.
</video>
video的常见属性
autoplay自动播放 controls 可操作，width/height loop循环 src视频地址 poster 加载等待的图片
H5支持的视频格式：Ogg MPEG4 WebM

audio：于在文档中表示音频内容
属性：autoplay controls loop src
语法：<audio controls></audio>

canvas：可被用来通过脚本（通常是JavaScript）绘制图形
语法：<canvas id=“mycanvas”></canv>
<ol start=“3” type=“A”>
<ol>
废除的元素big center font
嵌入页面
<iFrame scrolling=“yes” frameborder=“0” src=“URL” ></iFrame>

新增表单
input type=“search tel url email number range color date month week time datetime-loc