HTML5可以做的事情
1. 制作时尚的表单
2. 构建实用的HTML5框架
3. 开发丰富多彩的游戏
4. 以更直观的方式让数据可视化呈现
5. HTML5的未来 – 惊艳的HTML5示例和实验
HTML的新特点
新特性
HTML5 中的一些有趣的新特性:
· 用于绘画的 canvas 元素
· 用于媒介回放的 video 和 audio 元素
· 对本地离线存储的更好的支持
· 新的特殊内容元素,比如 article、footer、header、nav、section
· 新的表单控件,比如 calendar、date、time、email、url、search
HTML5 新的 Input 类型
HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
这些新的输入类型:
· email
· url
· number
· range
· Date pickers (date, month, week, time, datetime, datetime-local)
· search
· color
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
HTML5的接口演示
- 以PPT的形式演示,感觉很牛逼:http://slides.html5rocks.com/
- 比较详细的接口演示:http://html5demos.com/
- 接口+代码+调试演示:http://playground.html5rocks.com/
视频播放标签
视频播放:
<video width="320" height="240" controls="controls" autoplay ="autoplay" loop="loop" >
<source src="/dym/video.mp4" type="video/mp4" >
Your browser does not support the video tag.
</video>
参数:controls 播放器控制信息
autoplay:自动播放
loop:循环播放
自动播放且支持自动循环播放,如果加上preload="auto",则可以在页面加载的时候就可播放(注意:atuopaly需要关闭)
检测浏览器是否支持HTML5
-
使用js方法:
这是w3school里面的方法,这个可以检测浏览器是否支持html5,但是不能检测出每个浏览器是否支持html5所有的标签。
js代码:
2.第二种直接使用该标签
<audio src="song.ogg" controls="controls">
你的浏览器不支持该标签!
</audio>
如果浏览器不支持的话,中间的“你的浏览器不支持该标签!”会输出.
其他的方法:
比较好的学习资源:
学习演示接口的网站:http://html5demos.com/
html5中文网: http://www.html5china.com
w3school的教程 http://www.w3school.com.cn/html5/index.asp
Technorati 标签:
html5 浏览器兼容
分享到:
相关推荐
一、html5页面结构 二、html5标记 三、html5结构化语义元素 四、表单 五、html5媒体元素:audio和video 六、html5绘图API 七、html5 Canvas
html5学习笔记
个人通过学习HTML 5 总结下来的笔记,只适合入入门。深入某一下技术,比如canvas、websocket等,建议查看协议,并多练习。
HTML5学习笔记(总结提炼版)——002 CSS
详细的HTML5学习笔记,通过视频学习过程中一步一步跟着做的笔记,供大家参考,如有错误,欢迎大家指正
HTML5学习笔记(总结提炼版)——001
HTML5学习笔记.pdf
HTML5学习笔记前台页面.pdf
Essential Guide to HTML5学习笔记,基础的html5编程入门
从名称来看,HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。由此可见,HTML5继承了HTML的部分特征,又添加了许多新的语法特征,比如语义特性、本地存储特性、设备兼容特性、连接特性、网页...
javascript知识点+html5设计 学习笔记(图文描述) 方便初学者入门html5。
前端笔记HTML5部分
这是我重新温故时候做的html学习笔记,参考于尚学堂 百战程序员文档里有关键的源码和简要的说明,初学者可以作为参考如果有什么问题可以和我一起交流,大家共同进步还望大佬光顾的时候可以给我提提意见
根据传智教育的培训教程,编辑整理的相关HTML5 和CSS常用用方法和技巧。注重实战使用,同时对常出现的错误作以提示!适用中低级WEB前端开发人员参考学习
HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记...