《Adobe Dreamweaver CS6中文版经典教程》——2.5 HTML5简介

本节书摘来自异步社区《Adobe Dreamweaver CS6中文版经典教程》一书中的第2 章，第2.5节，作者：【美】Adobe公司 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.5　HTML5简介

HTML的当前版本已经出现10多年了，无法跟上技术上的许多进步（例如收集和其他移动设备）。负责维护和更新HTML以及其他Web标准的标准组织万维网联盟（World Wide Web Consortium，W3C）积极地更新这种语言，并在2008年1月提出了HTML5的工作草案。最新的更新于2012年3月推出，但最终的版本在几年内可能无法就绪。那么这对于当前和即将出现的Web设计师意味着什么呢？一切尚无定论。

Web站点及其开发人员迅速做出改变并适应当前的技术和市场现实情况，但是底层技术的发展速度极其缓慢。浏览器制造商目前已经支持HTML5的许多新特性。早期的采纳者将吸引开发人员和用户对最新、最好的版本产生兴趣，这也意味着随着大部分流行网站实现新功能，旧的、不兼容HTML5的浏览器将被抛弃。有些人认为直到2020年或之后才会发生完全的转变。无论如何，对HTML 4.01的向后兼容性肯定会在将来很好地实现，因此你的旧页面或站点将不会突然破灭或消失。

2.5.1　HTML5中的新特性
HTML的每个新版本都对标记语言的元素数量和用途进行修改。HTML4.01由大约90个元素组成。有些元素已经被弃用或者完全删除，采用或者提出新的元素。

对元素列表的更改中许多是围绕支持新技术或者不同类型的内容模型而构思出来的。有些修改简单地反映前一版本HTML采用以来，开发人员社区中流行起来的习惯或者技术。其他更改则简化了创建代码的方法，使其更容易编写、更快地传播。

2.5.2　HTML标签
表2.3展示了HTML5中的一些重要的新标签。HTML5目前包含了100多个标签。将近30个旧标签已经被弃用，这意味着，HTML5的新元素有将近50个。本书中的练习使用了许多新的HTML5元素，说明了这些元素在Web中的作用。你可以花一些时间来熟悉这些标签及其描述。

2.5.3　语义Web设计
HTML的许多修改是为了支持“语义Web设计”的概念，也就是使用提供或者含有内在含义的元素和结构。例如，这些修改推出了许多新元素，例如< article >、< section >、 < header >和 < footer >。这种变化对未来HTML的可用性和互联网上网站之间的互操作性有重要的作用。现在，每个网页在Web上都是独立的。内容可能链接到其他页面和网站，但是实际上没有办法以连贯的方式合并或者收集多个页面或者网站上的信息。搜索引擎竭力索引出现在每个网站上的内容，但是因为旧HTML代码的特性和结构，大部分努力都失败了。

HTML最初是作为一种表现语言而设计的。换句话说，它是用来在浏览器中以易于理解和可预测的方式显示技术文档的。如果你仔细阅读HTML的原始规范，它看上去就像学校研究文章中的项目列表：标题、段落、引用材料、表格、编号的项目列表，等等。

HTML之前的互联网看上去更像是MS DOS或者OS X的终端应用程序，没有格式，没有图形，也没有颜色。第一版的HTML中列出的元素本质上是用来确定内容的显示方式。标签没有任何固有含义或者意义。例如，使用一个标题标签可以将某一行文本加粗显示，但是并没有告诉你标题和后续的文本或者整篇文章之间有何关联。它到底是标题，还是子标题？

HTML5添加了许多新标签，帮助我们为标记添加含义。< header >、 < footer >、 < article >和 < section >等标签第一次在不采用附加属性（如< div class="header" >...< /div >）的情况下标识特定内容。结果是，代码更加简短。但是最重要的是，为代码添加语义含义使你和其他开发人员可以用激动人心的新方法联系不同页面的内容——其中的许多种方法都是前所未见的。

2.5.4　新技巧和新技术
HTML5还重新回顾了这种语言的基本特性，收回了一些多年来被越来越多的第三方插件和外部程序完成的功能。如果你刚刚接触Web设计，这种过渡毫无痛苦，因为你不需要重新学习任何东西，也不用打破坏的习惯。如果你在构建网页和应用程序上已经有了习惯，本书将直到你安全地渡过这条河流，以合乎逻辑和简单的方式介绍新的技巧和技术。但是，最好的一点是，语义Web设计并不意味着你必须抛弃所有旧的站点，重新从头开始构建。有效的HTML4代码在可预见的未来中仍然是有效的。HTML5的意图是让你可以花更少的精力完成更多的工作，使你更轻松地完成任务。让我们开始吧！

复习
复习题
1． 什么软件可以打开HTML文件？

2．标记语言可以做什么？

3． HTML5和HTML4没有多大不同，这是真的吗？

4． 大多数Web页面的3个主要部分是什么？

5． 块元素与内联元素之间的区别是什么？

复习题答案
1． HTML是一种纯文本语言，可以在任何文本编辑器中打开和编辑它，并且可以在任何Web浏览器中查看它。

2．它把尖括号< >内包含的标签放在纯文本内容周围，把关于结构和格式化的信息从一个应用程序传递给另一个应用程序。

3． 错。HTML4中有30多个标签将被弃用，HTML5中添加了将近50个新标签。这意味着，从1998年发行以来，HTML中几乎半数内容被修改。

4．大多数Web页面都由3个区域组成：根、头部和主体。

5．块元素创建独立的元素。内联元素可以存在于另一个元素内。