原副标题：甚么是HTML5？HTML5的涵义、原素和益处

翻译者 | 汝龙

HTML5是LZ77记号词汇(HTML)的第四版，互联网应用领域程序采用它来建模标识符。它在中文网站机能、FTP合作开发等方面有一些改良。

HTML的发展

在因特网的晚期，主要的互联网应用领域程序造物主（比如谷歌Internet Explorer和Mosaic Netscape）合作开发了某一于应用领域程序的原素，以进一步增强其应用领域程序的页面外形。到上世纪90二十世纪末，他们为Internet Explorer和Netscape创建了相同版的中文网站。

1996年，新设立的因特网国联(W3C)提议创建HTML3.2。那个国际标准囊括了当时常见的HTML原素。它还包括对HTML的则表示扩展，比如在Internet Explorer和Netscape“应用领域程序混战”前夕创建的中心原素和手写体。

迅速再次出现了HTML 4.0(1998)和HTML 4.01(1999)，它们特别强调则表示和结构的分立，同时进一步增强了可出访性。这些升级换代在康孔县的交叉耦合JSP(CSS)国际标准下迁移了则表示原素。

HTML5的再次出现

在2000年之后没多久，Mozilla、Opera和苹果联手出来创建了互联网LZ77应用领域技术小组(WHATWG)。那个虚拟的最终目标与W3C相同，其目地是进一步增强HTML合作开发，而因词汇能够满足用户源自前述讷伊县和应用领域程序犯罪行为的新市场需求。WHATWG的起初文件格式Web Applications 1.0和Web Forms1.0被紧密结合出来创建了HTML5。

现如今，WHATWG保持着一个正在采用的HTML国际标准，不采用位数进行进行分类。WHATWG的工作也为W3C创建自己的HTML5小组提供了此基础。HTML5在2014年10月正式宣布获得“所推荐”的话语权。

HTML5国际标准的规范化由两个组织协力保护，这偶而会引致轻度的不完全一致。绝大多数应用领域程序合作开发者倚赖WHATWG版作为实现参照。

HTML 4.01 Strict是HTML5的此基础，该版本没有如前所述则表示的原素和其他不所推荐的特性。这引致绝大多数HTML5采用多年前采用的应用领域程序兼容原素创建。它还引入了许多新原素和全局特性，并使HTML 4.01中许多不所推荐采用的特性和原素过时。HTML5的一个关键特性是包含了一个国际标准协议，用于处理应用领域程序遗留和格式错误的记号。

HTML5的独特之处

在以前的HTML版中，这些任务需要某一的编程或专有插件，比如Silverlight或Flash。

HTML5的特性包括记号和脚本原素，以及用于在页面上添加视频和音频、本地数据存储、离线操作和位置数据使用等机能的应用领域程序编程接口(API)。HTML5解决了国际标准的Web合作开发机能，合作开发团队不需要为每个应用领域从头开始创建机能，而是可以倚赖于内置的应用领域程序机能。

HTML5的原素

HTML5引入了许多绝大多数主流浏览器都支持的新原素。下面列出的是HTML5的关键原素。

（1）<article>

那个新的原素用于将某一内容记号为文章的一部分。这些内容将独立于中文网站上的其他内容处理，即使其中可能有重叠。

（2）<aside>

该原素除了定义包含在其中的内容之外，还定义了其他内容。它经常见于文件格式边栏。虽然该原素在应用领域程序中不以某一形式呈现，但可以采用CSS来设置其样式。

该原素旨在识别与页面主要内容相关的内容，但不是其主要意图的

（3）<audio>

该原素允许用户嵌入页面的声音内容，比如音乐或音频流。<audio>记号与一个或多个<source>记号一起采用，以划分音频源。应用领域程序将运行第一个受支持的源。支持的音频格式包括MP3、OGG和WAV。如果应用领域程序不支持该原素，它将显示<audio>和</audio>记号之间的文本。

（4）<bdi>

该原素的名称则表示双向隔离。它的机能是隔离一个文本段，该文本段的格式可能与原素外部的文本相同。<bdi>有助于嵌入用户生成的内容，其中包含具有未知方向格式的文本。

（5）<canvas>

该原素采用JavaScript绘制图形(方框、路径、渐变、文本)并向页面添加图像。在默认情况下不包括边框和文本，记号是透明的，仅作为绘制图形的容器。可以采用相同于原素的脚本生成这些图形。如果原素在应用领域程序中不受支持或JavaScript被禁用，它将在＜canvas＞记号中显示任何文本。

（6）<data>

该原素用于向内容中添加机器可读的信息。机器可读的值由数据处理器提供，而人类可读的值也提供给web应用领域程序来呈现。

（7）<datalist>

该原素为元素提供了一个“自动完成”机能，它指定了一个预设选项的下拉列表，当数据输入时，应用领域程序将在输入数据时向用户显示这些选项。<datalist>原素的id特性必须等于<input>原素的list特性才能绑定它们。

（8）和 <summary>

该原素中包含的内容起初是隐藏的，只有在用户希望看到它时才显示出来。它可以包含任何内容。

为此创建了一个用户可以打开或关闭的交互式小部件。那个小部件在默认情况下是关闭的，打开后展开以显示其中的内容。

＜summary＞记号定义了＜details＞小部件的可见副标题，可以与之交互以查看或隐藏内容。

（9）<dialog>

那个原素定义了一个对话框或子窗口，使得在页面上很容易生成弹出对话框和模态窗口。

（10） <embed>

该原素用于嵌入第三方应用领域程序，这些应用领域程序通常采用视频或音频等多媒体内容的形式。它充当用户嵌入插件(如Flash动画)的容器。在HTML5中实现那个原素只需要开始记号。应该注意到，许多现代应用领域程序不再支持Java插件和applet、ActiveX控件或Shockwave Flash，从而限制了该原素的可用性。

（11）<figure> 和<figcaption>

该原素用于指定自包含的内容，如图表、插图、标识符列表和照片。其内容与主流有关；然而，它的位置不倚赖于主流，如果原素被移除，页面流通常不会受到影响。＜figcaption＞原素允许用户为＜figure＞添加副标题。

（12）<footer>

该原素为节或页定义页脚。它通常包含作者、联系方式、版权、“返回顶部”链接、中文网站地图、相关阅读等信息。单个文件格式可以包含几个＜footer＞原素。联系人详细信息通常插入该原素的<address>记号中。

（13）<header>

该原素通常包含与页面副标题和副标题相关的信息。通常情况下，它概述了介绍信息或导航链接的容器。它也有助于建模一个或多个副标题原素（从＜h1＞到＜h6＞）、徽标、图标和作者。该原素甚至可以用于包装搜索表单或节的目录。虽然单个文件格式可以包含许多<header>原素，但<header>记号不能放在<address>、<footer>或其他<header>特性中。

（14）＜keygen＞

该原素在表单中用于指定密钥对生成器字段。其目地是为用户提供一种安全的身份验证方法。提交表单后，将生成公钥和私钥。后者存储在本地，而前者传输到服务器，用于创建客户端证书，以便将来对用户进行身份验证。该原素也有助于创建和验证位数签名。

（15）<main>

该原素概述了页面的主要内容，这些内容对于某一文件格式来说应该是唯一的。在文件格式中重复的内容，如导航链接、边栏、中文网站徽标、搜索表单和版权数据，不应包含在该原素中。一个文件格式不能有多个<main>原素，并且该原素不能是<aside>、<article>、<header>、<footer>或<nav>原素的后代。

（16）<mark>

该原素定义必须在段落中突出显示或记号的文本。

（17）<meter>

该原素也称为度量，用于在预定义的范围和分数值内定义标量度量。比如，<meter>可以确定硬盘采用情况或查询结果相关性。

（18）<nav>

该原素概述了中文网站中通常见于导航链接的部分，这些链接可以指向当前页面上的其他位置或其他页面。常见的＜nav＞原素包括表、菜单和索引。

不能将文件格式中的每个链接都包含在<nav>原素中；与其相反，它只适用于较大的导航链接块。具有类似机能的屏幕阅读器和应用领域程序可以用来知道何时可以跳过初始内容呈现。

（19）<output>

该原素则表示计算的输出，比如由JavaScript或其他脚本执行的计算。其特性包括for（用于指定计算结果与计算前夕采用的原素之间的关系）、form（用于指定输出原素所属的形式）和name（用于命名输出原素）。

（20）<progress>

该原素显示任务的进度，比如完成的工作量或下载的持续时间。它通常与JavaScript一起采用。

（21）＜ruby＞、＜rt＞和＜rp＞

该原素用于指定ruby注释，即附加到主文本的小手写体的额外文本。ruby文本的目地是指导用户理解字符的涵义或发音（通常用于日语内容）。

＜ruby＞通常与＜rt＞和＜rp＞一起采用<ruby>包含需要解释的字符，＜rt＞包含要给出的信息，可选的＜rp＞记号用于定义在应用领域程序不支持常规ruby注释的情况下要显示的内容。

（22）<section>

该原素定义了页面的某一部分，包括页眉和页脚。它用于将页面划分为节和子节，特别是当需要多个页眉、页脚或其他节记号时。它对相关内容的通用块进行分组。

（23）<svg>

该原素为SVG图形创建一个容器。它有许多绘制框、路径、圆、图形图像和文本的方法。

（24）<时间>

该原素以人类可读格式显示日期和时间，还用于以机器可读格式编码日期和时间数据。它的应用领域包括生日提醒、安排日历事件和提高搜索引擎结果的质量。

（25）<video>

该原素用于在页面中嵌入视频内容。它应该包含＜source＞记号来概述相同的视频源，应用领域程序将播放第一个支持的源。支持的视频格式包括MP4、OGG和WebM。如果浏览器不支持此原素，它将显示<video>和</video>记号之间的文本。

（26）<wbr>

该原素的名称则表示单词断开机会。它指定文本行中可以根据需要添加换行符的位置。如果采用的单词太长，并且应用领域程序可能会在错误的位置断开，该原素将很有用。

HTML5的益处

以上看到了HTML5中引入的原素如何简化多媒体内容的集成并进一步增强语义价值。现在将进一步了解HTML5的益处。

（1）充实语义

语义记号描述与某一涵义相关联的记号，而不是简单地创建某一的视觉输出。比如，＜h1＞记号清楚地划分了页面的主要副标题。虽然可以通过采用相关的格式化记号而不是＜h1＞记号使副标题文本加粗和变大来实现相同的输出，但语义涵义不会保留。

以前版的HTML也有语义记号，如副标题记号、链接rel和文件格式元数据。然而，导航菜单、页面副标题和主要内容部分等常见结构原素在语义上没有区别。相反，他们都采用了＜div＞记号。

HTML5通过一系列新的语义原素来解决那个问题，比如＜header＞、＜main＞、＜section＞、＜nav＞、＜aside＞、＜article＞和＜footer＞。此外，新的内联语义原素（如＜address＞和＜time＞）帮助在线服务（如搜索引擎）快速定位页面上的相关数据。现有的内联记号（如粗体、斜体和下划线）也得到了改良，现在与某一的语义相关联。

（2）无插件的富媒体体验

随着互联网速度越来越快，富媒体已经成为在线体验的核心部分。虽然HTML起初作为LZ77文件格式（可能还有一些图像）的记号词汇，但HTML5通过＜视频＞和＜音频＞等原素固有地支持富媒体。

除了机能强大和方便合作开发者之外，那个特性还有另一个益处：无插件。Java和Flash等插件的一些缺点包括性能差、用户选项少、安全漏洞和搜索引擎可见性不足。

此外，HTML5为用户提供了新的表单原素以及与CSS和JavaScript的出色集成，简化了全面的富媒体Web应用领域程序的创建，而无需倚赖插件。

（3）XML的兼容性

由于HTML5(也称为XHTML5)的XML序列化，可以采用“更严格” 的XML语法编写标识符。这对于喜欢格式良好的XHTML(包括引号括出来的特性值、小写原素名和所有原素的闭包)提供的整洁性的合作开发者非常有用。在期望标识符与其他XML应用领域程序一起工作的情况下，HTML5文件格式必须作为XML服务。

（4）设计和内容分立

除了鼓励语义记号之外，HTML5不鼓励那些仅用于帮助应用领域程序建模内容的无意义记号(比如关于手写体、文本颜色、文本对齐等的声明)。该国际标准已经弃用了许多支持这种建模的原素，并且少数受支持的特性显示“不所推荐实践”警告。

分立设计和内容简化了中文网站的保护和重新设计，因为CSS处理样式声明。此外，在一个平台上看出来不错的设计决策（比如桌面设备）在另一个平台（移动设备）上也不一定好看。HTML5通过提供语义场景并允许内容适应来解决这一问题。

（5）可出访性和设计响应性

HTML晚期的迭代不能与现代技术众多的屏幕尺寸和纵横比无缝兼容。这包括手机、平板电脑、电子阅读器、辅助技术（比如文本到语音转换器）、屏幕阅读器抑制样式，同时提高文本放大和对比度，盲文翻译。这些技术被试图将样式和设计“硬编码”到页面内容中的记号所阻碍。

然而，由于语义标签和可出访的丰富互联网应用领域程序(ARIA)，采用HTML5创建可出访和响应的中文网站要简单得多。比如，屏幕阅读器可以更容易地解释HTML5内容，使视障人士更容易在线浏览。

（6）应用领域程序编程接口

晚期的HTML规范化只记录了词汇中允许的原素、值和特性。这种方法适用于简单的文本中文网站，但对创建需要编程和脚本的如前所述Web的应用领域程序没有太大帮助。

HTML5通过定义大量简化与应用领域程序通信的新API实现了巨大飞跃。它引入了先前需要插件或定制标识符的机能API，包括Web存储、拖放、地理定位和微数据。

这有助于国际标准化某一机制，简化原本复杂的编码任务，并允许合作开发者添加跨平台应用领域程序无缝运行的机能。

（7）持久本地存储

作为Cookie和客户端数据库的混合体，HTML5支持本地应用领域程序存储。该特性允许应用领域程序同时支持跨多个窗口存储，进一步增强安全性和性能，并确保即使在应用领域程序关闭后数据也能持久。