HTML5
文章平均质量分 87
kaopu
这个作者很懒,什么都没留下…
展开
-
HTML5学习笔记(一)-概述
最近在看《html5程序设计(第2版)》,在此做一些学习笔记。 书中的示例代码可以在http://www.apress.com/9781430238645 的“Source Code/Downloads”中下载 (一)HTML5的新功能 1、新的DOCTYPE和字符集 旧: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tran...原创 2013-07-03 11:34:31 · 218 阅读 · 0 评论 -
HTML5学习笔记(二)-Canvas、SVG
Canvas与SVG(Scalable Vector Graphics)的区别: Canvas是一个位图画布,其上绘制的图形不可缩放;SVG是矢量图可以放大缩小。 Canvas绘制出的对象不属于页面DOM结构或者任何命名空间;SVG支持单机检测(能检测鼠标单机了图像上哪个对象) Canvas不需要存储图像中的对象所以性能非常好。 一、Canvas 1、元素:<canvas&...原创 2013-07-03 11:34:58 · 123 阅读 · 0 评论 -
HTML5学习笔记(三)-Video、Audio
一、概述 HTML5增加了audio和video两个元素,开发人员不必使用插件就能播放音频和视频了。 audio元素和video元素有两个关键概念:容器(container)和编解码器(codec) 1、视频容器 主流食品容器支持的视频格式: Audio Video Interleave(.avi)、Flash Video(.flv)、MPEG4(.mp4)、Matroska(.mk...原创 2013-07-03 11:35:17 · 164 阅读 · 0 评论 -
HTML5学习笔记(四)-Geolocation API
一、位置信息 1、数据 位置信息由经度、纬度坐标和一些其他元数据组成。 纬度:距离赤道以北或以南的数值。比如:39.17222 经度:距离英国格林威治以东或以西的数值。比如:-120.13778 经纬度可以以十进制表示,也可以以DMS(角度)格式表示。 HTML5 Geolocation API的坐标格式是十进制格式。 除经纬度外,HTML5 Geolocation还提供坐标的准...原创 2013-07-03 11:35:34 · 157 阅读 · 0 评论 -
HTML5学习笔记(六)-Communication API
本章探讨用于构建实时(real-time)跨源(cross-origin)通信的两个重要模块:跨文档消息通信(Cross Document Messaging)和XMLHttpRequest Level 2. 一、跨文档消息通信 出于安全方面的考虑,运行在同一浏览器中的框架、标签页、窗口间的通信一直都受到了严格的限制。然而现实中存在一些合理的让不同站点的内容能在浏览器内进行交互的需...原创 2013-07-17 16:06:51 · 134 阅读 · 0 评论 -
HTML5学习笔记(七)-WebSockets API
一、概述 HTML5 WebSockets是HTML5中最强大的通信功能,它定义了一个全双工通信信道,仅通过Web上的一个Socket即可进行通信。 目前实时Web应用的实现方式,大部分是围绕轮询和其他服务器端推送技术展开的,Comet、轮询、长轮询、流(streaming)解决方案,所有这些提供实时数据的方式包含有大量额外的、不必要的报头数据,会造成传输延迟。最重要的是为了在半双工HTT...原创 2013-08-26 16:35:47 · 331 阅读 · 0 评论