HTML5教程

HTML5是下一代超文本标记语言,本章介绍了HTML5的发展和新特性。通过本教程您将知道HTML和HTML5之间的渊源。

HTML5新特性

HTML5的DOCTYPE声明非常简单,简单一行搞定:

<!DOCTYPE html>

HTML5中定义字符编码也很简单:

<meta charset="UTF-8">

一个完整的HTML5例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>

<body>
页面内容
</body>

</html>

HTML5中默认的字符编码是UTF-8。

HTML5新元素

我们这里列举几组HTML5中的新增元素:

新增 语义元素 <header><footer><article><section>

新增 输入框属性 numberdatetimecalendarrange

新增 图形元素 <canvas><svg>

新增 多媒体元素 <audio><video>

下一章我们会介绍如何让老式浏览器兼容这些新增的元素。

HTML5新API

最有趣的几个HTML5 API如下:

  • HTML GPS定位
  • HTML 拖放功能
  • HTML 本地存储
  • HTML 离线应用
  • HTML 多线程(webworker)
  • HTML 服务器推送

小提示:HTML5新增的本地存储功能可以有效取代cookies。

HTML5中移除的旧元素

我们列出了一些HTML5中被淘汰的旧元素:

被移除元素
替代方案
<acronym><abbr>
<applet><object>
<basefont>CSS
<big>CSS
<center>CSS
<dir><ul>
<font>CSS
<frame>
<frameset>
<noframes>
<strike>CSS、<s>或<del>
<tt>CSS

HTML发展史

HTML由来已久,我们一起来看一下:

年份
事件
1989
Tim Berners-Lee发明了www
1991Tim Berners-Lee发明了HTML
1993Dave Raggett起草了HTML+标准
1995HTML工作小组定稿了HTML 2.0标准
1997W3C定稿了HTML 3.2标准
1999W3C定稿了HTML 4.01标准
2000W3C定稿了XHTML 1.0标准
2008
WHATWG拟定了第一份HTML5公共草案
2012WHATWG提出了HTML5可持续发展标准
2014
W3C定稿了HTML 5.0标准
2016W3C定稿了HTML 5.1标准

1991到1999年,超文本标记语言从HTML1发展到了HTML4。


2000年,World Wide Web Consortium组织(简称W3C)提出了XHTML 1.0标准。XHTML语法相当严格,这迫使开发者书写“精良”的代码。


2004年,W3C组织停止了对HTML标准的研发,转而选择了XHTML标准。同年WHATWG组织(Web Hypertext Application Technology Working Group)成立。WHATWG组织希望继续发展HTML标准,并且将其付诸实践,同时希望新的HTML标准能够兼容旧的标准。


2004到2006年,WHATWG获得了浏览器供应商的支持。


2006年,W3C宣布将支持WHATWG。


2008年,第一份HTML5草案公诸于众。


2012年,WHATWG和W3C分道扬镳,这两个组织对HTML的发展抱有不同的理念:

WHATWG希望定制一个不断迭代更新的HTML标准。

W3C希望拟定一个最终而权威的HTML5和XHTML标准。