HTML5介绍

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 

HTML5的设计目的是为了在移动设备上支持多媒体

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

• 用于绘画的 canvas 元素

• 用于媒介回放的 video 和 audio 元素

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

• 新的特殊内容元素，比如 article、footer、header、nav、section

• 新的表单控件，比如 calendar、date、time、email、url、search

 

HTML5 的改进:

• 新元素 • 新属性

 • 完全支持 CSS3

• Video 和 Audio

• 2D/3D 制图

• 本地存储

• 本地 SQL 数据

• Web 应用

 

 HTML5 使用 CSS3

• 新选择器 

• 新属性

 • 动画

 • 2D/3D 转换

 • 圆角

 • 阴影效果

 • 可下载的字体

 

HTML5 内联 SVG

SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

 

HTML5 MathML 

HTML5 可以在文档中使用 MathML 元素，对应的标签是 <math>...</math> 。

***** MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。*****

 

HTML5 拖放（Drag 和 Drop）

 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。

 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放

 

HTML5 Geolocation（地理定位）

 HTML5 Geolocation API 用于获得用户的地理位置。

 鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的

 

HTML5 Video(视频)

当前， <video> 元素支持三种视频格式： MP4, WebM, 和 Ogg

 

HTML5 新的 Input 类型

 HTML5 拥有多个新的表单输入类型。

这些新特性提供了更好的输入控制和验证。

 color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

Week

 

HTML5 Web 存储

********HTML5 web 存储,一个比cookie更好的本地存储方式

localStorage 和 sessionStorage 客户端存储数据的两个对象为：

• localStorage - 没有时间限制的数据存储

• sessionStorage - 针对一个 session 的数据存储 不管是 localStorage，还是 sessionStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）：

• 保存数据： localStorage.setItem(key,value);

• 读取数据： localStorage.getItem(key);

• 删除单个数据： localStorage.removeItem(key);

• 删除所有数据： localStorage.clear();

• 得到某个索引的key：localStorage.key(index);

 

HTML5 Web SQL 数据库

Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范， 引入了一组使用 SQL 操作客户端数据库的 APIs 

以下是规范中定义的三个核心方法：

• openDatabase：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。 • transaction：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。

• executeSql：这个方法用于执行实际的 SQL 查询。

 

HTML5 Web Workers

web worker 是运行在后台的 JavaScript，不会影响页面的性能 当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。

web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。 您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行 -->

HTML5 服务器发送事件(Server-Sent Events) HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新

 

HTML5 WebSocket

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。 浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。 当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。