注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

栖客技术札记

栖客王近东,山东泰安人。本杂记主要收录工作、学习、生活中遇到的问题及解决方法。

 
 
 

日志

 
 
关于我

主要收录在技术学习和技术应用方面的文章,有原创、有引用、有转载,学以致用,欢迎浏览。(我的教育类文章发布在http://wjd.blog.edu.cn上)

网易考拉推荐

HTML5学习笔记  

2011-10-14 14:50:28|  分类: Web |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

HTML5可以做的事情< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" />

1. 制作时尚的表单

2. 构建实用的HTML5框架

3. 开发丰富多彩的游戏

4.  以更直观的方式让数据可视化呈现

5. HTML5的未来惊艳的HTML5示例和实验

HTML的新特点

新特性

HTML5 中的一些有趣的新特性:

· 用于绘画的 canvas 元素

· 用于媒介回放的 video audio 元素

· 对本地离线存储的更好的支持

· 新的特殊内容元素,比如 articlefooterheadernavsection

· 新的表单控件,比如 calendardatetimeemailurlsearch

HTML5 新的 Input 类型

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

这些新的输入类型:

· email

· url

· number

· range

· Date pickers (date, month, week, time, datetime, datetime-local)

· search

· color

浏览器支持

最新版本的 SafariChromeFirefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

 

HTML5的接口演示

1.    PPT的形式演示,感觉很牛逼:http://slides.html5rocks.com/

2.    比较详细的接口演示:http://html5demos.com/

3.    接口+代码+调试演示: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

1.    使用js方法:

这是w3school里面的方法,这个可以检测浏览器是否支持html5,但是不能检测出每个浏览器是否支持html5所有的标签。

js代码:

show source

  

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

比较好的学习资源:

22HTML5的初级技巧:http://stylechen.com/22-html5-tips.html

学习演示接口的网站:http://html5demos.com/

html5中文网:   http://www.html5china.com  

w3school的教程 http://www.w3school.com.cn/html5/index.asp

 

Technorati 标签: html5 浏览器兼容

 

PHP淮北提供)

 

  评论这张
 
阅读(523)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017