HTML5
HTML5深入学习和实践
A_山水子农
这个作者很懒,什么都没留下…
展开
-
HTML5简介
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 是下一代 HTML 标准。HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是 W3C原创 2016-06-10 20:06:18 · 679 阅读 · 0 评论 -
HTML4与HTML5的区别
WHATWG组织力推HTML5标准取代HTML4标准的一个重要目标就是,让浏览器拜托需要安装各种插件才能显示或播放不同格式文件的情况,用WHATWG自己的话说,即建立一个开放的Web环境。 我们知道W3C HTML4标准主要以标记语言为主的规范。HTML5标准大大扩展了这方面的内容,而且还引入了很多种API,下面我们逐条罗列W3C关于HTML5和HTML4标准,除API之外的具体区别:1原创 2016-06-11 09:54:39 · 2003 阅读 · 0 评论 -
HTML5程序的书写样式
1、HTML5代码文件的雏形(1)、最简单的HTML5代码最简单的HTML5代码HTML5是HTML4的下一代标准(2)、兼容HTML4的代码 最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。IE9 以下版本浏览器兼容HTML5的方法,使用百度原创 2016-06-11 10:57:10 · 887 阅读 · 0 评论 -
HTML5:Canvas
canvas画图已经在JavaScript中介绍了http://blog.csdn.net/qq_27626333/article/details/51595138。此处再进行补充。1、颜色的指定方法 颜色指定有3种:第一种是以[#RRGGBB]这种与HTML中相同的颜色指定方法指定颜色。第二种方法为在rgb()中指定三个0~255范围的值;第三种方法是除了指定三个0~255范围的数值外,同时指...原创 2016-06-11 16:31:37 · 4686 阅读 · 0 评论 -
HTML5 拖放(Drag 和 Drop)
1、拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}function allowDrop(ev){ev.preventDefault();}function dr原创 2016-06-28 19:42:14 · 914 阅读 · 0 评论 -
HTML5 Geolocation(地理定位)
1、定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。2、HTML5 - 使用地理定位 请使用 getCurrentPosition() 方法来获得用户的位置。下例是一个简单的地理定位实例,可返回用户位置的经度和纬度:点击按钮获取您当前坐标(可能需要比较长的时间获取原创 2016-06-28 19:46:55 · 1329 阅读 · 0 评论 -
HTML5 Audio(音频)
1、互联网上的音频 直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准,即使用 元素。2、HTML5 Audio - 如何工作 如需在 HTML5 中播放音频,你需要使用以下代码: 您的浏览器不支持 audio 元素。原创 2016-06-28 19:49:41 · 987 阅读 · 0 评论 -
HTML5 Video(视频)
1、Web站点上的视频 直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。2、HTML5 (视频)- 如何工作 如需在 HTML5 中显示视频,您所有需要的是: 您的浏览器不支持 HTML5 vi原创 2016-06-28 19:52:20 · 1734 阅读 · 0 评论 -
HTML5 新的 Input 类型
1、HTML5 新的 Input 类型 HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型:color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week 注意:并不是所有的主流浏览器都支持新的input类型,不过您已经可以在原创 2016-06-28 20:00:51 · 3101 阅读 · 0 评论 -
HTML5 表单元素
1、HTML5 新的表单元素 HTML5 有以下新的表单元素:、、注意:不是所有的浏览器都支持HTML5新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。2、HTML5 元素 元素规定输入域的选项列表。 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:原创 2016-06-28 20:05:38 · 634 阅读 · 0 评论 -
HTML5 表单属性
1、HTML5 新的表单属性HTML5 的 和 标签添加了几个新属性. 新属性:autocomplete、novalidate 新属性:autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height and width、list、min and max、m原创 2016-06-28 20:15:30 · 5916 阅读 · 4 评论 -
HTML5 语义元素
1、什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: 和 - 无需考虑内容.语义元素实例: , , and - 清楚的定义了它的内容.2、HTML5中新的语义元素 许多现有网站都包含以下HTML代码: , , 或者 , 来指明导航链接, 头部, 以及尾部。HTML5提供了新的语义元素来明确一个Web页面的不同部分:、、、、、、、原创 2016-06-28 20:21:15 · 865 阅读 · 0 评论 -
HTML5 Web 存储
1、什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户。请求网站数据上.它也可以存储大量的数据,而不影响网站的性能。数据以键/值对存在, web网页的数据只允许该网页访问使用。2、localStorage 和 sessionS原创 2016-06-28 20:24:33 · 806 阅读 · 0 评论 -
HTML5 Web SQL 数据库
1、HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员,应该很容易理解 SQL 的操作。Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。2、核心方法 以下是规范中定义的三个原创 2016-06-28 20:29:33 · 1045 阅读 · 1 评论 -
HTML5 应用程序缓存
1、HTML5 应用程序缓存 使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。2、什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们原创 2016-06-28 20:32:22 · 1196 阅读 · 0 评论 -
HTML5 Web Workers
1、HTML5 Web Workers web worker 是运行在后台的 JavaScript,不会影响页面的性能。2、什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时原创 2016-06-28 20:35:58 · 707 阅读 · 0 评论 -
HTML5 服务器发送事件(Server-Sent Events)
1、HTML5 服务器发送事件(Server-Sent Events) HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。2、Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更新能够自动到达。例子原创 2016-06-28 20:42:14 · 1441 阅读 · 0 评论 -
HTML5 WebSocket
1、HTML5 WebSocket WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后,客户端和服务原创 2016-06-28 20:44:15 · 1487 阅读 · 0 评论