HTML5学习笔记
来源:互联网 发布:黑客帝国矩阵革命下载 编辑:程序博客网 时间:2024/05/10 20:17
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 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
这些新的输入类型:
· 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代码:
1
调用js检测,返回信息
1
2.第二种直接使用该标签
1
在标签之间加上你的浏览器不支持的话,如
<audio src="song.ogg" controls="controls">你的浏览器不支持该标签!
</audio>
如果浏览器不支持的话,中间的“你的浏览器不支持该标签!”会输出.
其他的方法:
HTML5特性检测--检测技术:http://www.html5china.com/course/20111007_2184.html
检测浏览器支持哪些HTML5新特性的方法:http://www.html5china.com/course/20111007_2185.html
比较好的学习资源:
22个HTML5的初级技巧:http://stylechen.com/22-html5-tips.html
学习演示接口的网站:http://html5demos.com/
html5中文网: http://www.html5china.com
w3school的教程 http://www.w3school.com.cn/html5/index.asp
本文基于署名-非商业性使用 3.0许可协议发布,欢迎转载,演绎,但是必须保留本文的署名PHP淮北(包含链接),且不得用于商业目的。如您有任何疑问或者授权方面的协商,请与我联系。
- HTML5学习笔记 HTML5基础教程
- HTML5学习笔记
- HTML5学习笔记
- html5标签学习笔记
- html5学习笔记之一
- html5 学习笔记
- html5 视频学习笔记。。。
- 学习HTML5笔记
- html5学习笔记一
- html5学习笔记二
- html5学习笔记三
- html5学习笔记四
- HTML5-WebStorage学习笔记
- HTML5学习笔记二
- html5 canvas 学习笔记
- HTML5学习笔记
- HTML5学习笔记二
- HTML5学习笔记
- WPS
- linux 的inode
- Wamp2.1 安装到 D:wamp 系统图标 icons 无法显示的解决方法
- 插件24:目录列表
- 【郭林专刊】多线程知识总结线程通信,wait()与notify()的运用
- HTML5学习笔记
- 实现DropDownList 无刷新的联动效果
- 一道有趣的面试题——将int型数组强制转换为char*,再求strlen,涉及大小端
- strncpy
- Java相对路径/绝对路径总结
- loadrunner 在win2003下无法启动浏览器的问题
- 裸板烧写Uboot
- 【郭林专刊】Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- 目前编程语言排行榜