[HeadFirst-HTMLCSS学习笔记][第十二章HTML5标记]
来源:互联网 发布:黄一琳网络直播的看法 编辑:程序博客网 时间:2024/05/21 17:51
考虑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>
0 0
- [HeadFirst-HTMLCSS学习笔记][第十二章HTML5标记]
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- [HeadFirst-HTMLCSS学习笔记][第三章创建网页]
- [HeadFirst-HTMLCSS学习笔记][第六章严格的HTML]
- [HeadFirst-HTMLCSS学习笔记][第八章扩大你的词汇量]
- [HeadFirst-HTMLCSS学习笔记][第十四章交互活动]
- Web前端-HeadFirst笔记-Ch12-HTML5新标记
- [HeadFirst-HTMLCSS入门][第九章盒模式]
- [HeadFirst-HTMLCSS入门][第十章div,span]
- [HeadFirst-HTMLCSS入门][第十一章布局排版]
- [HeadFist-HTMLCSS学习笔记][第四章Web镇之旅]
- [HeadFist-HTMLCSS学习笔记][第五章认识媒体]
- headfirst python 学习笔记
- 《HeadFirst JavaScript》学习笔记
- [HeadFist-HTMLCSS学习笔记][第七章CSS入门:加一点样式]
- headfirst学习笔记/命令模式
- HeadFirst设计模式学习笔记
- APUE第十二章学习笔记
- 电脑优化及精品软件分享
- 数据结构 - ★知识点
- [HeadFirst-HTMLCSS入门][第十一章布局排版]
- ViewPager使用
- 进度条和调色板
- [HeadFirst-HTMLCSS学习笔记][第十二章HTML5标记]
- HDU 1328 IBM Minus One
- 第五周Android实习笔记
- Eclipse工具栏创建新建类、接口等快捷方式
- 无法获得数据库'model'上的排他锁 解决方法
- 打印具有下面规律的图形
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- 关于listView的理解(转载自leesa)
- 2008年清华大学计算机研究生机试真题