HTML5介绍

最新推荐文章于 2022-02-27 13:33:45 发布

wayne_ren

最新推荐文章于 2022-02-27 13:33:45 发布

阅读量464

点赞数

分类专栏： HTML5 文章标签： xhtml 数据库网络

本文链接：https://blog.csdn.net/wayne_ren/article/details/84853426

版权

HTML5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

[img]http://dl2.iteye.com/upload/attachment/0122/8643/1018c56b-5796-31d4-8ffe-fd7570537611.png[/img]

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

基本构成

<!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个地方有改变：
[list]
[*]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -> [b]<!DOCTYPE html>[/b]
[*]<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -> [b]<meta charset="UTF-8">[/b]
[*]link 和 script标签没有type属性[/list]

W3C发布的HTML5标准属于狭义的HTML5，不包括以下内容:
[list][*]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/[/list]
[color=red]HTML5相关的各个标准还在不断的更新制定中，有修改的、有增加的、也有废除的，预计需要到2022年，但估计可能还需要更长的时间！WebAssembly (asm.js)、WebGL (three.js)、WebRTC (peer.js)、WebVR、Web Payment、Web Bluetooth、Service Worker、Progressive Web Apps等一系列相关的WoT技术规范都在指定中。[/color]

广义上的HTML5包含的内容更丰富！图片来自：https://github.com/SirPepe/SpecGraph
[img]http://dl2.iteye.com/upload/attachment/0122/6899/45974432-21f6-3c1d-88fb-2c2b0dced2c7.png[/img]

（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

常用链接：
[list]
[*]查询浏览器兼容性 [url=http://caniuse.com/]http://caniuse.com/[/url]
[*]测试当前的浏览器HTML5支持度 [url=http://html5test.com/]http://html5test.com/[/url]
[*][url=https://github.com/aFarkas/html5shiv]HTML5 Shiv[/url]：让旧版本IE支持HTML5新的标签
[*][url=https://modernizr.com/]Modernizr[/url]：检测浏览器是否支持HTML5的新特性
[*][url=https://html5boilerplate.com/]HTML5 Boilerplate[/url]：完整的一套HTML5模版
[*][url=https://www.html5rocks.com/]HTML5 Rocks[/url]：Google的HTML5站点
[*]W3Schools HTML Tutorial [url=http://www.w3schools.com/html/]http://www.w3schools.com/html/[/url]
[*]HTML Cheat Sheet [url=https://websitesetup.org/html5-cheat-sheet/]https://websitesetup.org/html5-cheat-sheet/[/url]
[*]CSS Cheat Sheet [url=https://websitesetup.org/css3-cheat-sheet/]https://websitesetup.org/css3-cheat-sheet/[/url]
[*]HTML5 Canvas Cheat Sheet [url=http://cheatsheetworld.com/programming/html5-canvas-cheat-sheet/]http://cheatsheetworld.com/programming/html5-canvas-cheat-sheet/[/url]
[/list]

参考：
http://www.newthinktank.com/2014/12/html-5-tutorial/
http://diveintohtml5.info/index.html

wayne_ren

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5介绍

W3C 和 [url=https://whatwg.org/]WHATWG[/url] 关于HTML4的下一个版本该是什么样，有过很长时间的争论，W3C 希望继续往XHTML2发展，而WHATWG提出更开放的HTML5，历时8年最终达成一致于2014年10月发布了HTML5的推荐标准。[img]http://dl2.iteye.com/upload/attachment/0122/8643...
复制链接

扫一扫

专栏目录