HTML5介绍

rensanning

浏览: 3548988 次
性别:
来自: 大连

最近访客更多访客>>

wcj3

SYSGIS

blogtester

lliiqiang

博主相关

博客

微博

相册

留言

关于我

博客专栏

: 使用Titanium Mo...
浏览量：38158

: Cordova 3.x入门...
浏览量：607326

: 常用Java开源Libra...
浏览量：682357

: 搭建 CentOS 6 服...
浏览量：89373

: Spring Boot 入...
浏览量：401862

: 基于Spring Secu...
浏览量：69702

: MQTT入门
浏览量：91725

文章分类

社区版块

存档分类

博客分类：

HTML5

W3C 和 WHATWG 关于HTML4的下一个版本该是什么样，有过很长时间的争论，W3C 希望继续往XHTML2发展，而WHATWG提出更开放的HTML5，历时8年最终达成一致于2014年10月发布了HTML5的推荐标准。

2014年发布的HTML5标准：https://www.w3.org/TR/html5/
HTML4：Documents <<=====>> HTML5：Applications

基本构成

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Hello, HTML5!</title>
  <link rel="stylesheet" href="style.css">
  <script src="app.js"></script>
</head>
<body>
  <h1>Hello, HTML5!</h1>
</body>
</html>

可以看出有3个地方有改变：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -> <!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -> <meta charset="UTF-8">
link 和 script标签没有type属性

W3C发布的HTML5标准属于狭义的HTML5，不包括以下内容:

CSS3 ：属于CSS标准
SVG ： W3C早在2001年就发布了SVG 1.0。目前 https://www.w3.org/TR/SVG11/
Geolocation API ：独立标准 https://www.w3.org/TR/geolocation-API/
Indexed Database API ：独立标准（WebSQL Database 已经被废止） https://www.w3.org/TR/IndexedDB/
File API ： https://www.w3.org/TR/FileAPI/
WebSocket ： IETF定义协议 https://tools.ietf.org/html/rfc6455，W3C定义API https://www.w3.org/TR/websockets/
WebRTC ： IETF定义协议 http://tools.ietf.org/wg/rtcweb/ W3C定义API https://www.w3.org/TR/webrtc/
WebGL ： Khronos组织维护 https://www.khronos.org/registry/webgl/specs/1.0/
WebWorkers ： https://www.w3.org/TR/workers/

HTML5相关的各个标准还在不断的更新制定中，有修改的、有增加的、也有废除的，预计需要到2022年，但估计可能还需要更长的时间！WebAssembly (asm.js)、WebGL (three.js)、WebRTC (peer.js)、WebVR、Web Payment、Web Bluetooth、Service Worker、Progressive Web Apps等一系列相关的WoT技术规范都在指定中。

广义上的HTML5包含的内容更丰富！图片来自：https://github.com/SirPepe/SpecGraph

（1）语义（Semantics）
•新的标签： <section>、 <header>、<footer>、<nav>等
•Form表单：新的<input>元素和属性、data-*属性、Validation
•events、document、window
•Selectors API
•History API

（2）图形及三维（Graphics & 3D）
Canvas、SVG

（3）多媒体（Multimedia）
<video>、<audio>

（4）本地存储（Offline & Storage）
App Cache、Web Storage、File API、Indexed Database API、Drag & Drop API

（5）设备访问（Device Access）
Geolocation API、DeviceOrientation API

（6）性能（Performance）
WebWorkers、Navigation Timing API、High Resolution Time API

（7）连接（Connectivity）
Web Messaging、XMLHttpRequest2、Server-Sent Events、WebSocket

常用链接：