html入门教程(初学者) -HTML5 - 书目录

html入门教程(初学者) -HTML5

HTML5

<!DOCTYPE html>

<html>

<head>

<title>HTML5</title>

</head>

<body>

	<video src="http://www.html.am/resources/countdown.ogg" width="170" height="85" controls>

		<p>If you are reading this, it is because your browser does not support the HTML5 video element.</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。

当然,说了这些,浏览器总是会在没有任何样式表的情况下呈现元素。例如,当您指定一个列表时,默认演示文稿将是bullet点(用于无序列表)或数字(用于有序列表)。但最重要的是,您通过指定无序列表或有序列表来提供了含义。这样,浏览器(和其他软件)就可以通过以特定方式呈现您的列表来使用您的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使用它所指的生活标准。这是因为他们的HTML规格在不断变化。他们不使用版本号,因为它全是简单的“HTML”。

一般来说,WHATWG Living Standard的许多(如果不是最多的话)变更也被添加到W3C HTML规范的下一版本的草稿中。但情况并非总是如此,因为这两个群体并不总是同意。

除此之外,不同的浏览器对HTML有不同程度的支持(更不用提他们自己的专有元素或功能),并且您会意识到,并非所有浏览器中的每个HTML元素都按预期工作。幸运的是,现在浏览器制造商已经注意到了这个问题,并且一般都试图坚持标准。这就是标准如此重要的原因。通过制定HTML标准(例如W3C和WHATWG规范),不同的浏览器制造商可以努力使其浏览器功能与标准规定的功能相一致。