HTML5元素

*发表于 2021-12-1 12:09:39* · 发表于 2021-12-1 12:09:39

<!DOCTYPE html>
<html>
<head>
<title>HTML5</title>
</head>
<body>
<video src="//域名/resources/countdown.ogg" width="170" height="85" controls>
<p>如果你正在读这篇文章，那是因为你的浏览器不支持HTML5视频元素。</p>
</video>
</body>
</html>
以上是 HTML5<video>元素的示例。这是 HTML5（HTML 版本 5）中引入的众多元素之一。

一些新的元件的提供新的功能，例如<video>，<audio>，<canvas>，<meter>，和<progress>。

其他元素为文档提供语义。这些措施包括<article>，<aside>，<header>，<footer>，<nav>，<time>等等。

查看HTML 标签的完整列表，了解 HTML5 中引入了哪些标签。

语义
HTML5 和以前版本之间的一个显着区别是 HTML5 对语义的强调。语义 HTML是使用 HTML 标记来提供 HTML 文档中信息的含义，而不仅仅是定义其表示。

例如，早期版本的 HTML 包括一个<font>用于确定字体系列的<big>元素、一个用于定义大文本的元素、一个<center>用于对齐目的的标签以及其他表现元素。这些元素在 HTML5 中已过时，因为它们没有为其内容提供意义。它们不是语义元素。它们只是展示元素。

HTML5 不包含纯粹用于展示的元素。这是因为表示是级联样式表 (CSS) 的领域。因此，我们使用 HTML 来提供结构和含义，使用 CSS 来定义这些元素的呈现方式。换句话说，如果要指定字体系列，请使用 CSS。如果要指定大文本，请使用 CSS。如果要定义元素的对齐方式，请使用 CSS。

当然，话虽如此，在没有任何样式表的情况下，浏览器总是会以特定的方式呈现元素。例如，当您指定一个列表时，默认表示将是项目符号（对于无序列表）或数字（对于有序列表）。但最重要的是，您通过指定无序列表或有序列表来提供意义。这样，浏览器（和其他软件）可以通过以特定方式呈现您的列表来利用您的 HTML 标记——这通常可以由呈现信息的上下文决定。

不同的设备和媒体
关于网络的一件事是，任何给定的 HTML 文档都可以在任意数量的上下文中查看。更准确地说，可以在任意数量的上下文中查看任何给定的 HTML元素。

以一个HTML 表格为例. 这可以在大型台式计算机、小型台式计算机、大型笔记本电脑、小型笔记本电脑、平板电脑或智能手机上呈现。根据您的表格，它可能会或可能不会在所有这些设备上按照您的预期呈现。但它并不止于此。它也可以在文本转语音阅读器上呈现——尤其是当您的访客有视力障碍时。或者可能是您的访问者更喜欢听网络文档而不是阅读（也许是为了让她的眼睛休息一下，或者可能是您的网页对他们来说是外语，他们发现听比阅读更容易）。也可能是您的某些访问者喜欢将您的网页打印到纸上，以便他们稍后阅读（或将其用作参考）。无论哪种情况，每种情况都会以不同的方式呈现您的 HTML 表格。

在考虑使用 HTML 进行语义和使用 CSS 进行表示的好处时，这是一个重要因素。您只需编写一次 HTML 文档，然后为您希望在其中显示文档的每个设备和不同媒体使用不同的样式表。

重新定义的元素
一些元素在 HTML5 中被重新定义了新的含义。与其让这些元素过时，不如决定用新的目的重新定义它们。

例如，在以前版本的 HTML 中，该<small>元素用于呈现小文本（不传达任何含义）。然而，在 HTML5 中，它代表旁注，例如小字（即文档中包含免责声明、警告或法律限制，例如版权）的部分。

另一个例子是<i>元素。以前此元素用于定义斜体文本（不表示任何含义）。现在，它以另一种声音或情绪代表一段文本，或者以其他方式与正常散文相抵消。要定义斜体文本而不传达任何额外含义，应使用 CSS ( font-style:italic)。

HTML 版本和标准
HTML 已经经历了许多版本，每个版本都提供了以前版本的新元素，同时也弃用了其他元素并使其他元素过时。从 HTML 3 开始，每个版本的 HTML 都由W3C（万维网联盟）发布。该W3C是一个国际社区，发展开放标准，以确保网络的长期增长。

然而，当 W3C 致力于 HTML5 时，另一个名为WHATWG（Web 超文本应用技术工作组）的小组正在开发自己的 HTML 版本。

幸运的是，HTML 的两个“版本”在很多方面都是相同的，并且通常只有细微的区别（例如这里和那里的额外属性或元素）。

然而，一个显着的区别在于他们的方法。W3C 将 HTML 规范作为“版本”发布。这些版本本质上是特定时间（即成为官方推荐的日期）规范的“快照”。另一方面，WHATWG 使用它所指的Living Standard。这是因为他们的 HTML 规范在不断变化。他们不使用版本号，因为它只是“HTML”。

一般来说，对 WHATWG Living Standard 的许多（如果不是大多数）更改也添加到 W3C HTML 规范下一版本的草案副本中。然而，情况并非总是如此，因为这两个群体并不总是一致的。

再加上不同浏览器对 HTML 的支持程度不同（更不用说它们自己的专有元素或功能）这一事实，您会意识到并非每个 HTML 元素都能在所有浏览器上按预期工作。幸运的是，如今浏览器制造商已经注意到了这个问题，并且通常会努力遵守标准。这就是标准如此重要的原因。通过制定 HTML 标准（例如 W3C 和 WHATWG 规范），不同的浏览器制造商可以努力将他们的浏览器功能与标准指定的功能保持一致。