HTML 5 - Up and running
文章平均质量分 74
zanos
这个作者很懒,什么都没留下…
展开
-
HTML 5由来
1. MIME Type在每个URL请求的包头中包含着一个关于被请求内容的说明,在包头中用Content-Type进行标识,如一个标准HTML页面,Content-Type: text/html。所有在互联网中被交换的数据都有自己的Content-Type,如png文件为Content-Type: image/png等。这个类型被定义为该内容的MIME Type。它是在1994年才被定义引入到原创 2011-12-21 00:44:02 · 457 阅读 · 0 评论 -
开始学习HTML 5
HTML 5是下一代互联网web新标准,眼下发展的也比较快,支持HTML 5的浏览器也越来越多了。开始系统化的学下HTML 5,所看到第一本书是HTML 5 - Up and running (http://www.amazon.com/HTML5-Up-Running-Mark-Pilgrim/dp/0596806027/ref=sr_1_1?ie=UTF8&qid=1324394425&sr=原创 2011-12-20 23:19:30 · 276 阅读 · 0 评论 -
检查浏览器是否支持HTML 5功能(附检查代码)
老的浏览器是不支持HTML 5的功能的,部分新的浏览器目前可以支持部分HTML 5特性。有4种检测是否支持HTML 5的方法:1. 检查目标属性是否被支持在某个全局对象中(如window或navigator)2. 创建一个元素,检测目标属性是否存在于该元素中3. 创建一个元素,检测是否支持该元素的某种方法,再检测方法的返回是否正确。4. 创建一个元素,为该元素的某属性赋值,再检测该原创 2011-12-21 23:25:41 · 2609 阅读 · 0 评论 -
HTML 4与HTML 5的一些区别
以一个HTML页与该页面HTML 5的写法为例,比较下HTML 4与HTML 5的区别。1. DocTypeDocType的由来是个比较有趣的故事。微软在开发IE 5的时候,发现IE 5比IE 4在对HTML标准规范支持上提高非常多,所以很快旧的页面不再对在新的版本中被渲染,原因是这些页面的编写方式都很不规范,而旧的浏览器也是在很不规范地处理HTML页面。所以他们想了个办法,在每个原创 2011-12-23 00:06:27 · 614 阅读 · 0 评论 -
Canvas的使用方法
1. Canvas简介单纯的canvas是指一块画布,你可以在这块画布上绘制任何你需要的图形图象内容。Canvas具有最基本的绘制区域的宽与高两个属性,以及该元素的名字属性。在使用之前可以用前面的检测方法得知当前浏览器是否支持canvas元素。定义一个画布:在javasrcipt中,就可以在document里取得该画布的句柄:var mycanvas = document.ge原创 2011-12-25 23:08:51 · 1449 阅读 · 0 评论 -
视频播放- video标签
HTML 5支持很多种格式的音视频编码与封装格式,使之可与flash player相抗衡。支持封装格式有mp4, m4v, mov, flv, ogv, webm, avi等。其中支持的视频压缩格式有:H.264, Theora, VP8,音频压缩格式有mp3, aac, vorbis等。在HTML 5语言中,视频的支持很简单,标签可以定义一个视频元素。如:为了原创 2011-12-25 23:12:06 · 816 阅读 · 0 评论 -
地理位置信息
使用HTML 5来获得地理位置信息是非常容易的。它可以依赖你的IP地址,设备上有的GPS装置等方法取得你当前的地理位置信息。与手机一样,取得用户当前的地理位置信息需要通过用户的许可,以浏览器为例,它会在工具栏弹出一个提示,询问用户是否容许该网站使用当前的地理位置信息。在确认浏览器支持HTML 5的地理信息之后,可以使用navigator.geolocation.getCurrentPo原创 2011-12-26 23:53:36 · 693 阅读 · 0 评论 -
HTML 5的本地存储
1. 背景HTML 4及之前的网页应用,都只能通过cookie来进行网站本地数据存储,但通过cookie进行数据存储有以下几点据点1) cookies被包括在每个HTTP请求中,这样就使你的web应用速度大打折扣2) 如果没有SSL传输的情况下,cookie在传输过程是不被加密的,因此有安全风险3) cookie只有4KB的大小,不能存储多少内容。所以在HTML原创 2011-12-30 23:41:59 · 404 阅读 · 0 评论