html5程序设计(一)http://caniuse.com-->查看是否支持html5属性的网站(牛B)

1.基于html5的各类API的优秀设计,比如:从video元素中抓取的帧可以显示在canvas里面,用户单击canvas即可播放这帧的应用;

2.Modernizr 一个javascript库,它提供了非常先进的html5和css3检测功能;它是检测浏览器支持某些特性的最佳工具;

3.canvas本质上是一个位图画布,其上绘制的图形是不可缩放的,不可能像SVG图像那样可以放大缩小,此外用canvas绘制的对象不属于页面DOM结构或者任何命名空间;SVG图像可以在不同的分辨率下流畅的缩放,并且支持单击检测;

4.主流视频容器支持如下视频格式:

  Audio Video Interleave(.avi)

  Flash Video (.flv)

  MPEG5(.mp4)

  Matroska(.mkv)

  ogg(.ogv)

在页面视频播放的典型是使用flash,quickTime或者window media插件向HTML嵌入视频

5.Geolocation--->navigator.geolocation.getCurrentPosition(function(position){.....});

通过回调获得具体的位置信息

6.Communication API 探讨构建实时(real-time)跨源(cross-origin)通信的两个重要模块;

PostMessage API不仅可以胜任同源文档之间的通信,而且在浏览器不允许非同源通信的情况下,postMessage API 也很有用;postMessage API始终使用postMessage API,例如 使用Html5 Web Workers通信时;

12.构建离线的web应用

  about:cache

  chrome://appcache-internals 给出了存储在你的系统上的不同应用缓存内容的详细信息;

<!DOCTYPE html>

  <html mainfest="application.appcache">

  ....

  </html>

CACHE MAINFEST

  example.html

  example.js

  example.css

  example.gif

//HTML5包含的部分:

WebGL

触摸屏设备事件

-------------------------》整体来说书不错。

时间: 2024-10-11 08:02:47

html5程序设计(一)http://caniuse.com-->查看是否支持html5属性的网站(牛B)的相关文章

html5.js让IE(包括IE6)支持HTML5元素方法

引用Google的html5.js文件 <!--[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> < ![endif]--> 将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效) 当然,你也可以把代码拿出来自己看着办:html5.js /* HTML5 Sh

HTML5 程序设计笔记(一)

HTML5 概述 1.html5 发展史 1993年html首次以因特网草案形式发布. 20世纪90年代,html大幅发展,从2.0版,到3.2版和4.0版.最后到1999年的4.01版. 伴随html发展,W3C掌握了对html规范的控制权. 快速发布四个版本后,在业界人为html已经末路的同时,对web标准焦点开始转移到XML和XHTML上.HTML被放在次要位置. 致力于将web平台提升到一个新高度,一小组人在2004年成立WHATWG,他们创立了HTML5规范,同时开始转对web应用开发

HTML5 程序设计 - 使用HTML5 Canvas API

请你跟着本篇示例代码实现每个示例,30分钟后,你会高喊:“HTML5 Canvas?!在哥面前,那都不是事儿!” 呵呵.不要被滚动条吓到,很多都是代码和图片.我没有分开写,不过上面给大家提供了目录,方便查看. 学习笔记,纯手工码字,有错别字什么的请指出,觉得好的请点个赞小小的支持下.谢谢亲们. 本篇,我们将探索如何使用HTML5和Canvas API.Canvas API很酷,可以通过它来动态生成和展示图形.图表.图像以及动画. 本篇将使用渲染API(Rendering API)的基本功能来创建

HTML5程序设计 Canvas API

检测浏览器支持情况 <script type="text/javascript"> try { document.createElement("Canvas").getContext("2d"); document.getElementById("support").innerHTML = "OK"; } catch (e) { document.getElementById("sup

HTML5 程序设计笔记(二)

Canvas API 1.HTML5 Canvas 概述 1.1 历史 Canvas的概念最初是由苹果公司提出的,用于在Mac OS X WebKit中创建控制板部件(dashboard widget).在Canvas出现之前,开发人员若要在浏览器中使用绘图API,只能使用Adobe的Flash和SVG插件,或者只有IE才支持的VML,以及其他一些稀奇古怪的javascript技巧. SVG和Canvas对比 "Canvas本质上是一个位图画布,其上绘制的图形是不可缩放的,不能像SVG图像那样可

(转)让所有浏览器支持HTML5 video视频标签

转自http://www.zhangxinxu.com/wordpress/?p=661 一.前面的唠叨 我记得就是前几个月吧,有条消息说YouTube支持了HTML5视频嵌入标签video,好吧,我听说而已,因为我不是个擅长FQ的人,到底如何我也不得而知. 与主题不相关的HTML5方面的东西我就不多说了,对于video标签,获取大家都听说了,这个标签的功能如同现在HTML语言中的img标签,就现在,比如要链接并显示一张图片,可以这样子: <img data-src="http://ima

【HTML5 1】39个让你受益的HTML5教程

闲话少说,本文作者为大家收集了网上学习HTML5的资源,期望它们能够帮助大家更好地学习HTML5. 好人啊! 只是,作者原来说的40个仅仅有39个,由于第5个和第8个是反复的. 原文在此! 1. 五分钟入门HTML5 (Learn HTML5 in 5 Minutes!)  By Jennifer Marsman 毫无疑问,HTML5是一个热门话题.假设你须要一个迅速了解HTML基础的速成课程,那这就是你须要的.我将介绍新的语义标签(markups). 使用canvas进行绘制和动画.视频(<v

让IE完美支持HTML5(css3)解决办法

貌似以前与大家分享过此类问题,HTML5/CSS3那些炫丽实用的效果,真得让人很眼谗,但悲催的IE浏览器,只有IE9才支持HTML5,这让我们很失望啊,但真的就没有一点办法了吗?其实补救方法还是有的,下面介绍的几种方法,可让客户端浏览器完美支持CSS3.HTML5: 第一种方法:IE9以下版本的IE将创建HTML5标签, 非IE浏览器会忽略这段代码,因此不会发生http请求,也就不影响网页执行效率. <!--[if lt IE9]> <script> (function() { i

ie8下面版本号(包含ie8)的浏览器不支持html5标签属性解决方式(Modernizr 2.6.2插件的使用)

我这边申明下:我写这篇日志主要是想然ie8可以支持html5的个别标签闭合,并不能让ie全然支持html5.我之前写的可能会误导非常多同学.希望大家能明确. 今天脑抽想用html5标签设计一个网页.我本人用的是火狐浏览器,都弄好后我发现一个非常严重的问题.除了ie9下面的浏览器都不能支持html5标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu). 我上网找了好多中方法.有网友说使用 <!--[if lt I

如何让浏览器支持HTML5标签

在前端领域html5技术越来越流行了,可是还有一些浏览器不支持html5结构标签,这就让开发者非常蛋疼了.不过这也是没有办法的是,毕竟那些浏览器出生的时候要么还没有html5这回事.要么就是爹妈不愿意教他们怎么玩.今天就总结一下如何让浏览器支持html5结构标签(主要是前辈们的方法)借来一用: 一.使用Coding JavaScript 方法,不支持html5标签这种事一般都是IE8及其以下版本干的事,so: <!--[if lt IE9]> <script> (function(