[移动开发]HTML5的语义化标签

HTML5的语义化标签
HTML5 新增结构元素分为主体结构元素和非主体结构元素

主体结构
nav 导航
section 文章的一块内容，独立的内容块，强调跟内容标题一起使用，没有标题内容不推荐用section
article 可以是一个网页，一篇文章，和一个独立的内容块
aside 辅助信息
time 时间

非主体结构
header 小内容的头部
footer 小内容的底部
hgroup 标题组
embed
mark 搜索关键字内容
dialog 对话框
这是打开的对话窗口
canvas 画布
figure和figcaption （代替自定义列表）

块元素
nav,footer,header,hgroup，section，article，aside，canvas

     figure和figcaption （又间距）

     dialog  有内边距，自动居中

内联元素
mark、time、embed（行内块元素）

h5视频和音频的插入

视频 video
网页支持视频的格式
mp4 ogg webm

控件属性
src 视频的路径
controls 播放控件
autoplay 自动播放
loop 循环播放
preload 预加载
muted 静音
poster 设置视频播放前显示的图片

可以把视频当做背景图
autoplay 和 muted

音频audio
支持格式
mp3/mpeg ogg

IOS处理方法
$(document).ready(function() {
document.addEventListener(“WeixinJSBridgeReady”, function() {
document.getElementById(“video”).play();
}, false);

})

Android处理方法
Android只能使用click事件点击后播放

function plays(){
document.getElementById(‘video’).play();

}

谷歌内核浏览器处理方法

谷歌内核浏览器目前只支持静音播放 添加属性 muted
————————————————