[HeadFirst-HTMLCSS学习笔记][第十二章HTML5标记]
2016-04-03 10:34
801 查看
考虑HTML结构
HTML5即是把原来<div>换成一些更特定的元素。能够更明确指示包含什么内容。
(页眉,导航,页脚,文章)
article
nav 导航
header
footer
time
aside 边框
section 元素定义文档
video
code
mark 标记
audio 声音
progress 进度
meter 范围
canvas 图像 动画
figure 独立的内容
就是这么简单而已
time元素
如果没有按标注video元素
controls属性 提供空间autoplay属性
width,height=”288”
src
poster 类似于img的alt
id
preload 预先加载多少,可以设置为auto
loop
各种浏览器支持不同的格式,所以只能这样保证大概率播放
<video controls autoplay width="512" height="288"> <source src="video/tweetsip.mp4" > <source src="video/tweetsip.webm"> <source src="video/tweetsip.ogv"> <p> Sorry,your browser doesn't support the video element</p> </video>
相关文章推荐
- [HeadFirst-HTMLCSS学习笔记][第十二章HTML5标记]
- html5入门
- 网页闯关游戏(riddle webgame)--H5刮刮卡的原理和实践
- 2016年 最火的 15 款 HTML5 游戏引擎
- html5学习系列——b标签
- html5学习系列——简介加a标签
- 移动h5开发资源整理
- 2016年 最火的 15 款 HTML5 游戏引擎
- 使用HTML5中的element.dataset操作自定义data-*数据
- h5嵌入视频遇到的bug及总结
- Html5 - 日期和时间选择输入
- 利用HTML5新特性改变浏览器地址后不刷新页面
- HTML5<meta name="viewport"/>标签常见属性及说明
- 【H5适配二】Meta标签中的format-detection属性及含义
- 【H5适配一】使用X-UA-Compatible来设置IE浏览器兼容模式
- HTML5中div section article的区别
- HTML5 解决表单输入提示 placeholder 属性
- H5长按事件
- 10个基本的HTML5动画工具设计
- html5开发之viewport使用