HTML5程序设计(第2版) 第一章：HTML5概述
- 格式：doc
- 大小：1.77 MB
- 文档页数：31
下载文档原格式
合集下载
html5百科
html5求助编辑百科名片HTML5是用于取代1999年所制定的HTML 4.01 和XHTML 1.0 标准的HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5 技术。
HTML 5有两大特点：首先，强化了Web 网页的表现性能。
其次，追加了本地数据库等Web 应用的功能。
广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。
目录简介改进沿革重要标记<video>标记<audio> 标记<canvas> 标记程序接口元素变化异常处理标签事件属性标签属性HTML5标准之争简介改进沿革重要标记<video>标记<audio> 标记<canvas> 标记程序接口元素变化异常处理标签事件属性标签属性HTML5标准之争展开编辑本段简介HTML标准自1999年12月发布的HTML 4.01 后，后继的HTML 5 和其它标准被束之高阁，为了推动web标准化运动的发展，一些公司联合起来，成立了一个叫做Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组- WHATWG）的组织。
WHATWG 致力于web 表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟）专注于XHTML 2.0。
在2006 年，双方决定进行合作，来创建一个新版本的HTML。
HTML5草案的前身名为Web Applications 1.0，于2004年被WHATWG 提出，於2007年被W3C 接纳，并成立了新的HTML 工作团队。
HTML5概述
第1章HTML5概述学习要点：1.HTML5的历史2.HTML5的功能3.HTML5的特点4.课程学习问题HTML5是继HTML4.01和XHTML1.0之后的超文本标记语言的最新版本。
它是由一群自由思想者组成的团队设计出来，并最终实现多媒体支持、交互性、更加智能的表单，以及更好的语义化标记。
HTML5并不仅仅是HTML规范的最新版本，而是一系列用来制作现代富Web 内容的相关技术的总称，其中最重要的三项技术分别为：HTML5核心规范（标签元素）、CSS （层叠样式表第三代）、和JavaScript。
一．HTML5的历史1993年HTML首次以因特网草案的形式发布，然后经历了2.0、3.2和4.0，直到1999 年的HTML4.01版本稳定下来。
由于发展缓慢，逐渐的被更加严格的XHTML取代。
XHTML 的兴衰史自从HTML4.01版本之后，掌握着HTML规范的万维网联盟（W3C）组织没有再发布新的标准，而是围绕着XHTML1.0 以及之后的XHTML2.0展开工作。
XHTML是基于XML、致力于实现更加严格并且统一的编码规范的HTML版本，解决之前HTML4.01版本时，由于编码不规范导致浏览器的各种古怪行为。
所以，Web开发者对XHTML非常的拥护。
XHTML极大的好处，就是强迫开发者养成良好的编码习惯，放弃HTML 的凌乱写法，最终降低了浏览器解析页面的难度，方便移植到更多平台。
可是，越是想往好的方面发展，往往可能是带来的却是毁灭性的灾难，世间万物就是如此。
XHTML2.0规范了更严格的错误处理规则，强制要求浏览器拒绝无效的XHTML2页面，强制Web开发者写出绝对正确规范的代码，同时不得向下兼容，摒弃HTML遗留的怪异行为和编码习惯。
按理说，取其精华、舍其糟粕应该是好事。
但是，这样的话，数亿的页面将无法兼容，Web开发者的难度又被加大，并且制定这个标准又太过久远，最终被抛弃。
HTML5的回归2008年W3C发布了HTML5 的工作草案，2009年停止了XHTML2计划。
HTML5移动Web开发任务教程 第1章 移动Web开发概述
01 移动web开发基本概念
移动端会支持触屏、滑动、缩放、放大等手势操作。
移动Web浏览器受到屏幕尺寸的限制，所以移动端网站的设计会将本站最核心的产品进行展示，菜单栏也会缩进一个汉堡菜单中。
PC端硬件配置相对强大，各种浏览器对硬件的要求已经无需太多的限定。而手机的性能相对于PC端要低的多，内置的浏览器就需要考虑硬件因素。所以移动Web浏览器功能相对有限。但是随着手机的硬件设备不断加强，移动Web浏览器支持的功能也随着越来越多。
移动Web开发即针对移动端的Web页面的开发，它与PC端Web开发有什么区别？
移动Web开发简介
01 移动web开发基本概念
PCWeb开发
移动Web开发
移动端Web开发与PC端Web开发所用的技术类似，开发项目的呈现是依赖于移动端Web浏览器。在移动Web开发中，需要注意的有两点。 （1）由于屏幕大小的限制，在移动Web开发中，要注意由于页面的结构不能过于繁琐，要提炼出该网站最为核心的功能，简洁清晰的呈现出来。 （2）对于页面的一切交互活动由鼠标控制变成了手指触屏控制，所以在移动Web开发时，会增加一些触屏事件。
移动Web开发概述
01
移动Web开发简介
移动Web开发概述
02
移动Web开发技术
03
开发工具HBuilder的使用
01
移动Web（移动网页）:在移动端Web 浏览器中运行的Web 应用。
Native App（原生应用）：用Objective-C 等原生语言开发的移动应用。
02
Hybrid App（混合应用）：将移动Web 页面封装在原生外壳中，以App 的形式与用户交互。
移动Web开发简介
01 移动web开发基本概念
移动端会支持触屏、滑动、缩放、放大等手势操作。
移动Web浏览器受到屏幕尺寸的限制，所以移动端网站的设计会将本站最核心的产品进行展示，菜单栏也会缩进一个汉堡菜单中。
PC端硬件配置相对强大，各种浏览器对硬件的要求已经无需太多的限定。而手机的性能相对于PC端要低的多，内置的浏览器就需要考虑硬件因素。所以移动Web浏览器功能相对有限。但是随着手机的硬件设备不断加强，移动Web浏览器支持的功能也随着越来越多。
移动Web开发即针对移动端的Web页面的开发，它与PC端Web开发有什么区别？
移动Web开发简介
01 移动web开发基本概念
PCWeb开发
移动Web开发
移动端Web开发与PC端Web开发所用的技术类似，开发项目的呈现是依赖于移动端Web浏览器。在移动Web开发中，需要注意的有两点。 （1）由于屏幕大小的限制，在移动Web开发中，要注意由于页面的结构不能过于繁琐，要提炼出该网站最为核心的功能，简洁清晰的呈现出来。 （2）对于页面的一切交互活动由鼠标控制变成了手指触屏控制，所以在移动Web开发时，会增加一些触屏事件。
移动Web开发概述
01
移动Web开发简介
移动Web开发概述
02
移动Web开发技术
03
开发工具HBuilder的使用
01
移动Web（移动网页）:在移动端Web 浏览器中运行的Web 应用。
Native App（原生应用）：用Objective-C 等原生语言开发的移动应用。
02
Hybrid App（混合应用）：将移动Web 页面封装在原生外壳中，以App 的形式与用户交互。
移动Web开发简介
01 移动web开发基本概念
《HTML5完整教程》课件
回答学习者关于HTML5的疑问和解决问题。
制作一个简单网站注 册页面
学习如何设计和实现一个用户 注册页面。
制作一个简单网页动 态效果
使用JavaScript和CSS3为网页添 加动态效果和交互性。
结束语
1 HTML5的未来
展望HTML5的发展前景和可能的趋势。
2 学习建议和资源推荐
提供给学习者关于深入学习HTML5的建议和推荐资源。
3 答疑时间
多媒体元素
学习如何在HTML5中嵌入视频、 音频和Canvas。
第四章 CSS3新特性
1 CSS3介绍
了解CSS3的功能和应用领域。
2 盒模型
深入了解CSS3盒模型的各个方面，包括边框、填充、外边距等。
3 文字样式
探索CSS3提供的新的文字样式特性，如文pt基础语法
Web Workers
探索Web Workers如何提供多线程编程能力。
Web Socket
学习使用Web Socket实现实时通信和数据传输。
WebGL
了解WebGL的基本原理和在浏览器中展示3D图 像的方法。
第七章 HTML5实战案例
制作一个简单网站
使用HTML5和CSS3创建一个功 能丰富的静态网站。
《HTML5完整教程》PPT 课件
在这份《HTML5完整教程》的PPT课件中，我将向大家介绍HTML5的各个方 面，包括概述、基础语法、新增元素、CSS3新特性、JavaScript基础语法、高 级技术和实战案例等内容。
第一章 HTML5概述
HTML5介绍
了解HTML5的定义、用途和优势。
HTML5特性
1
JS脚本位置
学习如何在HTML文档中嵌入JavaScript代码。
制作一个简单网站注 册页面
学习如何设计和实现一个用户 注册页面。
制作一个简单网页动 态效果
使用JavaScript和CSS3为网页添 加动态效果和交互性。
结束语
1 HTML5的未来
展望HTML5的发展前景和可能的趋势。
2 学习建议和资源推荐
提供给学习者关于深入学习HTML5的建议和推荐资源。
3 答疑时间
多媒体元素
学习如何在HTML5中嵌入视频、 音频和Canvas。
第四章 CSS3新特性
1 CSS3介绍
了解CSS3的功能和应用领域。
2 盒模型
深入了解CSS3盒模型的各个方面，包括边框、填充、外边距等。
3 文字样式
探索CSS3提供的新的文字样式特性，如文pt基础语法
Web Workers
探索Web Workers如何提供多线程编程能力。
Web Socket
学习使用Web Socket实现实时通信和数据传输。
WebGL
了解WebGL的基本原理和在浏览器中展示3D图 像的方法。
第七章 HTML5实战案例
制作一个简单网站
使用HTML5和CSS3创建一个功 能丰富的静态网站。
《HTML5完整教程》PPT 课件
在这份《HTML5完整教程》的PPT课件中，我将向大家介绍HTML5的各个方 面，包括概述、基础语法、新增元素、CSS3新特性、JavaScript基础语法、高 级技术和实战案例等内容。
第一章 HTML5概述
HTML5介绍
了解HTML5的定义、用途和优势。
HTML5特性
1
JS脚本位置
学习如何在HTML文档中嵌入JavaScript代码。
h5gg描述文件
h5gg描述文件【原创实用版】目录1.H5 文件概述2.H5 文件的特点3.H5 文件的应用领域4.H5 文件的发展前景正文一、H5 文件概述H5 文件，又称为 HTML5 文件，是一种基于超文本标记语言（HTML）的文件格式。
HTML5 是互联网上最为广泛使用的一种标识语言，它已经成为了现代网页设计的基石。
HTML5 在设计之初，主要是为了解决网页在不同设备上的兼容性问题，同时提供更丰富的功能，如多媒体、动画、表单等。
二、H5 文件的特点1.结构简单：HTML5 的语法结构相较于之前的 HTML 版本更为简洁，易于学习和理解。
同时，HTML5 取消了一些过时的标签，使得代码更为简洁。
2.兼容性强：HTML5 文件可以在各种设备上正常显示，如电脑、手机、平板等。
这得益于 HTML5 的响应式设计，使得页面可以根据设备屏幕的大小自动调整布局。
3.可扩展性强：HTML5 支持多种新技术，如 CSS3、JavaScript 等，这些技术可以为网页增加丰富的功能和视觉效果。
4.多媒体支持：HTML5 文件可以嵌入多种媒体格式，如音频、视频、图片等，使得网页内容更为丰富。
三、H5 文件的应用领域1.网站建设：HTML5 是构建网站的基础，大多数网站都采用 HTML5 作为主要的结构语言。
2.移动应用开发：由于 HTML5 具有跨平台兼容性，因此在移动应用开发领域也得到了广泛的应用。
3.电子书制作：HTML5 的结构清晰、兼容性强，被广泛应用于电子书的制作。
4.在线教育：HTML5 可以实现网页互动，因此在线教育平台也多采用HTML5 进行课程开发。
四、H5 文件的发展前景随着互联网技术的不断发展，HTML5 文件在未来仍具有广阔的应用前景。
例如，随着 5G 网络的普及，HTML5 将在移动端应用、物联网等领域发挥更大的作用。
此外，HTML5 还在不断演进，未来的 HTML6、HTML7 等版本将更加完善，提供更多的功能和服务。
HTML5介绍
HTML5介绍1.HTML5的发展1.1HTML的定义HTML（Hypertext Markup Language）超文本标记语言，与其说它是用于描述网页文档的一种标记语言，也可以理解为一种规范或标准。
HTML文件本身是一种包含标记的文本文件，这些标记可以告诉浏览器如何显示其中的内容，比如文字如何处理，画面如何安排，图片如何显示等。
图-1HTML结构如图-1所示，通用的HTML结构可以归纳为(1)<html></html>创建一个超文本标记语言文档(2)<head></head>设置文档标题和其它在网页中不显示的信息，比如direction方向、语言代码Language Code、指定字典中的元信息等(3)<title></title>设置文档的标题(4)<body></body>文档体，文档的可见部分1.2HTML5的由来我们都知道开发HTML5需要成立相应的组织，并且肯定需要有人来负责。
这正是下面三个重要组织的工作WHATWG:由来自Apple，Mozilla，Google，Opera等浏览器厂商的人组成，成立于2004年，WHATWG开发HTML和WEB应用API，同时为各浏览器厂商以及其他有意向的组织提供开放式合作W3C:W3C下辖的HTML工作组目前负责发布HTML5规范IETF:因特网工程任务组，这个任务组下辖HTTP等负责Internet协议的团队。
HTML5定义的一种新API依赖于新的WebSocket协议，IETF工作组正在开发这个协议总的来说，HTML5是基于各种各样的理念进行设计的，而这些设计理念体现了对可能性和可行性的新认识:兼容性，实用性，互通性，通用访问性。
表-1HTML的发展历程在HTML的发展历程中，有以下几件重要事件:(1)1991年，Tim Berners-Lee为使世界各地的物理学家能够方便的进行合作研究，建立了使用于其系统的HTML，这是一种以纯文字格式为基础的语言，最初仅含有20多个标签，被广大用户接受，但是并没得到官方的发布。
《html5移动web开发(第2版)》课程标准
《html5移动web开发(第2版)》课程标准下载温馨提示：该文档是我店铺精心编制而成，希望大家下载以后，能够帮助大家解决实际的问题。
文档下载后可定制随意修改，请根据实际需要进行相应的调整和使用，谢谢!并且，本店铺为大家提供各种各样类型的实用资料，如教育随笔、日记赏析、句子摘抄、古诗大全、经典美文、话题作文、工作总结、词语解析、文案摘录、其他资料等等，如想了解不同资料格式和写法，敬请关注!Download tips: This document is carefully compiled by the editor. I hope that after you download them, they can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!In addition, our shop provides you with various types of practical materials, such as educational essays, diary appreciation, sentence excerpts, ancient poems, classic articles, topic composition, work summary, word parsing, copy excerpts, other materials and so on, want to know different data formats and writing methods, please pay attention!HTML5移动web开发是当今互联网领域中的一个热门话题，作为一门前沿的技术课程，其标准对于学习者来说至关重要。
HTML5+CSS3网站设计HTML5页面元素及属性
第2章HTML5页面元素及属性《HTML5+CSS3网站设计基础教程》（第2版）学习目地/Target掌握结构元素地使用,可以使页面分区更明确理解分组元素地使用,能够建立简单地标题组。
掌握页面交互元素地使用,能够实现简单地交互效果。
理解文本层次语义元素,能够在页面突出所标记地文本内容。
掌握全局属性地应用,能够使页面元素实现相应地操作。
章节概述/SummaryHTML5引入了很多新地标记元素与属性,这是HTML5地一大亮点,这些新增元素使文档结构更加清晰明确,属性则使标记地功能更加强大,掌握这些元素与属性是正确使用HTML5构建网页地基础。
本章将HTML5地新增元素分为结构元素,分组元素,页面交互元素与文本层次语义元素,除了介绍这些元素外,还会介绍HTML5常用地几种标准属性。
/Contents01 02 03列表元素结构元素分组元素04页面交互元素/Contents05 06文本层次语义元素全局属性07阶段案例—制作电影影评网01列表元素章节概述HTML5引入了很多新地标记元素与属性,这是HTML5地一大亮点,这些新增元素使文档结构更加清晰明确,属性则使标记地功能更加强大,掌握这些元素与属性是正确使用HTML5构建网页地基础。
本章将HTML5地新增元素分为结构元素,分组元素,页面交互元素与文本层次语义元素,除了介绍这些元素外,还会介绍HTML5常用地几种标准属性。
为了使网页更易读,经常将网页信息以列表地形式呈现,例如,淘宝商城首页地商品服务分类,排列有序,条理清晰,呈现为列表地形式。
为了满足网页排版地需求,HTML语言提供了3种常用地列表元素,分别为ul元素（无序列表）,ol元素（有序列表）与dl元素（定义列表）,本节将对这3种元素进行详细讲解。
1.ul元素l 了解无序列表地概念,能够说出无序列表地特点。
l 掌握无序列表地基本语法格式,能够在网页定义无序列表。
学习目地1.ul元素无序列表是网页最常用地列表,之所以称为"无序列表",是因为其各个列表项之间没有顺序级别之分,通常是并列地。
《响应式网页开发实战》教学课件02HTML5概述
HTML5不再支持，只支持iframe框架 部分浏览器支持applet、bgsound、blink、marquee等标签 废除rb，使用ruby替代； 废除acronym，使用abbr替代； 废除dir，使用ul替代； 废除isindex，使用form与input相结合的方式替代； 废除listing，使用pre替代； 废除xmp，使用code替代； 废除nextid，使用guids； 废除plaintex，使用“text/plian”（无格式正文）MIME类 型替代
12.1.1 HTML定义及版本介绍
1. HTML5版本
1995年11月作为RFC 1866发布，在 RFC 2854于2000年6月发布之后被宣布 过时。
1997年12月18日， W3C推荐标准。
第一份正式草案已于2008年1月22 日公布，目前仍在继续完善。
在1发布 （并非标准）。
<figure> 标签规定独立的流内容（图像、图表、代码等）
<figcaption> 标签定义 figure元素的标题（caption）
<canvas> 标签定义图形，如图表和其他图像。该标签基于 JavaScript 的绘图 API
<video> 标签定义视频，如电影片段或其他视频流
<audio> 标签定义声音，如音乐或其他音频流
第二章 HTML5概述
12.1.1 HTML定义及版本介绍
1. 定义
HTML（hypertext marked language，超文本标 记语言）是一种用来制作超文本文档的简单标记语言。 简单来讲，HTM是构建一套标记符号和语法规则，将 所要显示出来的文字、图像、声音等要素按照一定的 标准要求排放，形成一定的标题、段落、列表等单元。
12.1.1 HTML定义及版本介绍
1. HTML5版本
1995年11月作为RFC 1866发布，在 RFC 2854于2000年6月发布之后被宣布 过时。
1997年12月18日， W3C推荐标准。
第一份正式草案已于2008年1月22 日公布，目前仍在继续完善。
在1发布 （并非标准）。
<figure> 标签规定独立的流内容（图像、图表、代码等）
<figcaption> 标签定义 figure元素的标题（caption）
<canvas> 标签定义图形，如图表和其他图像。该标签基于 JavaScript 的绘图 API
<video> 标签定义视频，如电影片段或其他视频流
<audio> 标签定义声音，如音乐或其他音频流
第二章 HTML5概述
12.1.1 HTML定义及版本介绍
1. 定义
HTML（hypertext marked language，超文本标 记语言）是一种用来制作超文本文档的简单标记语言。 简单来讲，HTM是构建一套标记符号和语法规则，将 所要显示出来的文字、图像、声音等要素按照一定的 标准要求排放，形成一定的标题、段落、列表等单元。
第01章__初识HTML5
第1章 初识HTML5
1.1 HTML发展史
1.2 为什么要学习HTML5
1.3 HTML5的开发环境
1.4 HTML5支持检测
1.1 HTML发展史
HTML标签 HTML2.0 HTML4.01 XHTML1.0/2.0
1991年Tim Berners-Lee编写，包括20个HTML标签
IETF推出(因特网工程任务组)
1.4 HTML5支持检测
HTML5开发的应用要想正常运行，需要浏览器提供相应支 持。虽然目前主流浏览器已经提供了对HTML5元素的支持，但 是支持性并不全面。 HTML5支持性检测有如下几种方法： 1. 判断元素的DOM对象是否可被浏览器正确识别。 2. 若指定元素拥有特定方法，调用该方法并检查返回值。 3. 检测全局对象是否拥有特定属性。
HTML5开发应用，可以轻松运行于手机、平板电脑等移动设备。
3. 适应当前Web应用发展潮流。
HTML5应用界面友好，功能强大，是今后Web发展的主流方向。
1.3 HTML5的开发环境
HTML5对开发环境依赖较小，各种文本编辑器及集成开发 工具都可用于HTML5应用开发。常用的开发工具包括如下几种： 1. 文本编辑器：UltraEdit，NotePad++，EditPlus。 2. 集成开发工具：Dreamweaver，Visual Studio，FrontPage， Eclipse。
1999年W3C推出HTML4.01版本(万维网联盟)
HTML4.01版本基础上衍变而来
HTML5
2009年W3C推出HTML5取代原有HTML版本
1.2 为什么要学习HTML5源自1. 标签丰富，功能强大。
通过HTML5可以轻松实现页面中的音频、视频、动画等效果。
1.1 HTML发展史
1.2 为什么要学习HTML5
1.3 HTML5的开发环境
1.4 HTML5支持检测
1.1 HTML发展史
HTML标签 HTML2.0 HTML4.01 XHTML1.0/2.0
1991年Tim Berners-Lee编写，包括20个HTML标签
IETF推出(因特网工程任务组)
1.4 HTML5支持检测
HTML5开发的应用要想正常运行，需要浏览器提供相应支 持。虽然目前主流浏览器已经提供了对HTML5元素的支持，但 是支持性并不全面。 HTML5支持性检测有如下几种方法： 1. 判断元素的DOM对象是否可被浏览器正确识别。 2. 若指定元素拥有特定方法，调用该方法并检查返回值。 3. 检测全局对象是否拥有特定属性。
HTML5开发应用，可以轻松运行于手机、平板电脑等移动设备。
3. 适应当前Web应用发展潮流。
HTML5应用界面友好，功能强大，是今后Web发展的主流方向。
1.3 HTML5的开发环境
HTML5对开发环境依赖较小，各种文本编辑器及集成开发 工具都可用于HTML5应用开发。常用的开发工具包括如下几种： 1. 文本编辑器：UltraEdit，NotePad++，EditPlus。 2. 集成开发工具：Dreamweaver，Visual Studio，FrontPage， Eclipse。
1999年W3C推出HTML4.01版本(万维网联盟)
HTML4.01版本基础上衍变而来
HTML5
2009年W3C推出HTML5取代原有HTML版本
1.2 为什么要学习HTML5源自1. 标签丰富，功能强大。
通过HTML5可以轻松实现页面中的音频、视频、动画等效果。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1 这是一本关于HTML5编程的书。
不过在学习之前，有必要先了解一下背景知识，什么是HTML5？它经历了怎样的发展历程？HTML4和HTML5有什么区别？本章中，我们会集中讨论大家关注的一些实际问题。
为什么是HTML5？为什么它能掀起风潮？是什么设计理念使得HTML5真正具有革命性的进步？HTML5如何在大幅改动的同时保持高度兼容？无插件范式意味着什么？HTML5包含什么，不包含什么？HTML5新增加了哪些特性，为什么能揭开整个Web 开发新时代的序幕？下面我们一起来了解一下。
1.1 HTML5发展史HTML 的历史可以追溯到很久以前。
1993年HTML 首次以因特网草案的形式发布。
20世纪90年代的人见证了HTML 的大幅发展，从2.0版，到3.2版和4.0版（一年出了两个版本），再到1999年的4.01版。
随着HTML 的发展，W3C （万维网联盟）掌握了对HTML 规范的控制权。
然而，在快速发布了这四个版本之后，业界普遍认为HTML 已经到了穷途末路，对Web 标准的焦点也开始转移到了XML 和XHTML 上，HTML 被放在了次要位置。
不过在此期间，HTML 体现了顽强的生命力，主要的网站内容还是基于HTML 的。
为能支持新的Web 应用，同时克服现有2第1章HTML5概述缺点，HTML迫切需要添加新功能，制定新规范。
致力于将Web平台提升到一个新的高度，一小组人在2004年成立了WHATWG（Web Hypertext Application Technology Working Group，Web超文本应用技术工作组）。
他们创立了HTML5规范，同时开始专门针对Web应用开发新功能——这被WHA TWG认为是HTML中最薄弱的环节。
Web 2.0这个新词也正是在那个时候被发明的。
Web 2.0实至名归，开创了Web的第二个时代。
旧的静态网站逐渐让位于需要更多特性的动态网站和社交网站——这其中的新功能真的是数不胜数。
2006年，W3C又重新介入HTML，并于2008年发布了HTML5的工作草案。
2009年，XHTML2工作组停止工作。
又过了一年，也就到了现在。
因为HTML5能解决非常实际的问题（随后可以看到），所以在规范还未定稿的情况下，各大浏览器厂家就已经按耐不住了，开始对旗下产品进行升级以支持HTML5的新功能。
这样，得益于浏览器的实验性反馈，HTML5规范也得到了持续地完善，HTML5以这种方式迅速融入到了对Web平台的实质性改进中。
——————————①B rian，本书作者之一。
——译者注1.2关于2022年的那个神话 311.2关于2022年的那个神话今天，我们看到的HTML5规范已经以工作草案的形式发布了——还不是最终版。
那什么时候HTML5规范才能尘埃落定呢？现在就来了解一下几个关键时间点。
第一个时间点是2012年，目标是发布候选推荐版。
第二个时间点是2022年，目标是发布计划推荐版。
哦！那等着吧，还早着呢！可能大家会这么想，然后就把书合上，扔到一边，等10年后再说。
那就大错特错了，在明白这两个时间点的真正意义之前，可别急着下结论。
第一个，也就是最近的2012年，可以说是最重要的时间点，因为这个时间点一到就意味着HTML5规范编写完成了。
想象一下，这并不久远，也就两年①后的事情。
计划推荐版（普遍认为距今还有点远）的重要性在于届时将会有两个对HTML5的互通实现，意味着将有两个浏览器会完全支持整个HTML5规范的所有功能——这个远大的目标让2022年这个时间点看起来又似乎太近了。
毕竟，现在连HTML 4都还没有实现这个目标呢②。
——————————①文中所提到的时间是指编写本书时的时间。
——编者注②H TML4最早于1997年成为W3C推荐标准，到现在10多年早已经过去了，仍然不存在两个完全支持这一规范的浏览器。
——编者注4第1章HTML5概述关键是现在浏览器厂家已经着手支持HTML5中很多优秀的新功能了。
只要用户有需求，现在就可以利用这些新功能进行Web应用的开发。
虽然一些细节方面的改造还会持续进行，相应的Web应用可能需要改动，不过，相对于使用HTML5为用户带来的体验来讲，这点付出不算什么。
当然，如果用户的浏览器是IE6的话，很多新功能是不支持的，需要模拟——但是这也不能成为抛弃HTML5的理由，毕竟这些用户最终都会升级浏览器版本，很多可能会直接选用IE9，而且微软承诺在IE9中持续增加对HTML5的支持。
实际上，通过使用新的浏览器和改进的模拟技术，意味着用户现在和不久的将来便可以使用很多HTML5功能了。
1.3谁在开发HTML5我们都知道开发HTML5需要成立相应的组织，并且肯定需要有人来负责。
这正是下面这三个重要组织的工作。
❑WHATWG：由来自Apple、Mozilla、Google、Opera等浏览器厂商的人组成，成立于2004年。
WHATWG开发HTML和Web应用API，同时为各浏览器厂商以及其他有意向的组织提供开放式合作。
❑W3C：W3C下辖的HTML工作组目前负责发布HTML5规范。
❑IETF（Internet Engineering Task Force，因特网工程任务组）：这个任务组下辖HTTP等负责Internet协议的团队。
HTML5定义的一种新API（WebSocket API）依赖于新的WebSocket 协议，IETF工作组正在开发这个协议。
1.4新的认识 51.4新的认识1 HTML5是基于各种各样的理念（在WHATWG规范中有详述）进行设计的，这些设计理念体现了对可能性和可行性的新认识。
❑兼容性❑实用性❑互通性❑通用访问性1.4.1兼容性和存在即合理别担心，HTML5并不是颠覆性的革新。
相反，实际上HTML5的一个核心理念就是保持一切新特性平滑过渡。
一旦浏览器不支持HTML5的某项功能，针对功能的备选行为就会悄悄进行。
再说，因特网上有些HTML文档已经存在20多年了，因此，支持所有现存HTML文档是非常重要的。
HTML5的研究者们还花费了大量的精力来研究通用行为。
比如，Google分析了上百万的页面，从中分析出了DIV标签的通用ID名称，并且发现其重复量很大。
例如，很多开发人员使用DIVid="header"来标记页眉区域。
HTML5不就是要解决实际问题吗？那何不直接添加一个<header>标签呢？尽管HTML5标准的一些特性非常具有革命性，但是HTML5旨在进化而非革命。
毕竟没有从头再来的必要。
（就算有必要的话，也不应该是HTML5，起码也要发明一个更好的！）6第1章HTML5概述1.4.2效率和用户优先HTML5规范是基于用户优先准则编写的，其宗旨是“用户至上”，这意味着在遇到无法解决的冲突时，规范会把用户放到第一位，其次是页面作者，再次是实现者（或浏览器），接着是规范制定者（W3C/WHATWG），最后才考虑理论的纯粹性。
因此，HTML5的绝大部分是实用的，只是有些情况下还不够完美。
看看这个示例，下面的几种代码写法在HTML5中都能被识别。
当然，肯定会有人反对这种不严格的语法，我们不去辩论对错，只去关心一个底线，那就是最终用户其实并不在乎代码怎么写。
当然，我们并不提倡入门者一开始写代码就这么不严谨，毕竟归根结底，受害者还是最终用户，因为一旦由于开发人员的原因造成页面错误导致不能正常显示，那么被折磨的肯定是最终用户。
HTML5也衍生出了XHTML5（可通过XML工具生成有效的HTML5代码）。
HTML和XHTML 两种版本的代码经过序列化应该可以生成近乎一样的DOM树。
显然XHTML的验证规则严格得多，刚才示例中后两行代码是无法通过验证的。
1. 安全机制的设计为保证HTML5足够安全，HTML5在设计时就做了大量的工作。
规范中的各个部分都有专门针对安全的章节，并且安全是被优先考虑的。
HTML5引入了一种新的基于来源的安全模型，该模型不仅易用，而且对各种不同的API都通用。
这个安全模型可以让我们做一些以前做不到的事1.4新的认识71 情，不需要借助于任何所谓聪明、有创意却不安全的hack就能跨域进行安全对话。
在这方面，我们肯定不会怀念过去的“好”时光了。
2. 表现和内容分离在清晰分离表现和内容方面，HTML5迈出了巨大的步伐。
HTML5在所有可能的地方都努力进行了分离，也包括CSS。
实际上，HTML5规范已经不支持老版本HTML的大部分表现功能了，但得益于先前提到的HTML5在兼容性方面的设计理念，那些功能仍然能用。
表现和内容分离的概念也不是全新的，在HTML 4 Transitional和XHTML1.1中就已经开始用了。
Web设计者把这个概念当做最佳实践使用了很久，不过现在清晰地分开表现和内容显得更为重要，否则会有如下弊端：❑可访问性差；❑不必要的复杂度（所有样式代码都放在页面中，代码可读性很差）；❑文件变大（样式内容越多，文件越大），带来的后果就是页面载入变慢。
1.4.3化繁为简HTML5要的就是简单、避免不必要的复杂性。
HTML5的口号是“简单至上，尽可能简化”。
因此，HTML5做了以下这些改进：❑以浏览器原生能力替代复杂的JavaScript代码；❑新的简化的DOCTYPE；❑新的简化的字符集声明；❑简单而强大的HTML5 API。
8第1章HTML5概述随后我们将详细讲解这些改进。
为了实现所有的这些简化操作，HTML5规范已经变得非常大，因为它需要精确再精确。
实际上要比以往任何版本的HTML规范都要精确。
为了达到在2022年能够真正实现浏览器互通的目标，HTML5规范制定了一系列定义明确的行为；任何歧义和含糊都可能延缓这一目标的实现。
另外，HTML5规范比以往的任何版本都要详细，为的是避免造成误解。
HTML5规范的目标是完全、彻底地给出定义，特别是对Web应用。
所以也难怪，整个规范超过了900页！基于多种改进过的、强大的错误处理方案，HTML5具备了良好的错误处理机制。
非常有现实意义的一点是，HTML5提倡重大错误的平缓恢复，再次把最终用户的利益放在了第一位。
比如，如果页面中有错误的话，在以前可能会影响整个页面的显示，而HTML5不会出现这种情况，取而代之的是以标准方式显示“broken”标记，这要归功于HTML5中精确定义的错误恢复机制。
1.4.4通用访问这个原则可以分成三个概念。
❑可访问性：出于对残障用户的考虑，HTML5与WAI（Web Accessibility Initiative，Web可访问性倡议）和ARIA（Accessible Rich Internet Applicaions，可访问的富Internet应用）做到了紧密结合，WAI-ARIA中以屏幕阅读器为基础的元素已经被添加到HTML中。