HTML5标签整理三

来源：互联网发布：梁朝伟唱功知乎编辑：程序博客网时间：2024/06/04 01:35

HTML5 <audio> 标签

定义和用法

<audio> 标签定义声音，比如音乐或其他音频流。

实例

一段简单的 HTML 5 音频：

<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

HTML 4.01 与 HTML 5 之间的差异

<audio> 标签是 HTML 5 的新标签。

提示和注释

提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

属性

属性值描述autoplayautoplay如果出现该属性，则音频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。looploop如果出现该属性，则每当音频结束时重新开始播放。preloadpreload

如果出现该属性，则音频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

srcurl要播放的音频的 URL。

全局属性

<audio> 标签支持 HTML 5 中的全局属性。

事件属性

<audio> 标签支持 HTML 5 中的事件属性。

HTML5 标签

定义和用法

标签定义粗体的文本。

标签用于强调某些文本。

实例

<p>It was a <b>red</b> house with a <b>blue</b> door.</p>

HTML 4.01 与 HTML 5 之间的差异

没有区别。

但是在 HTML 4.01 中，我们的理解是使用 CSS 来制作粗体的文本。在 HTML 5 中，我们仍然可以这么理解，不过我们应该使用 标签定义文本中需要强调的部分。

提示和注释

如果您希望把文本标记为相比其他文本更为重要，应该使用  标签。

HTML5 <base> 标签

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<base> 标签必须位于 head 元素内部。

实例

例子 1

假设图像的绝对地址是：

/img

现在我们在页面中的 head 部分插入 <base> 标签，规定页面中所有链接的基准 url：

<head><base href="http://www.w3chtml.com/img/" /></head>

在上例中的页面上插入图像时，我们必须规定相对的地址，浏览器会寻找文件所使用的完整 URL：

<img src="google_cn.png" />

例子 2

规定页面上所有链接的默认 URL 和默认目标：

<head><base href="http://www.w3chtml.com/html5/" target="_blank" /></head><body><a href="index.html">w3c html5</a></body>

HTML 4.01 与 HTML 5 之间的差异

None

提示和注释

提示：请把 <base> 标签排在 head 元素中第一个元素的位置，这样 head 中其他元素就可以利用 <base> 元素中的信息了。

注释：在一个文档中，最多能使用一个 <base> 元素。

属性

属性值描述hrefURL规定作为基准 URL 在页面中使用的 URL。target

_blank
_parent
_self
_top

在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。

0 0

HTML5标签整理三

HTML5 <audio> 标签

定义和用法

实例

HTML 4.01 与 HTML 5 之间的差异

<audio> 标签是 HTML 5 的新标签。

提示和注释

属性

全局属性

事件属性

HTML5 <b> 标签

定义和用法

实例

HTML 4.01 与 HTML 5 之间的差异

提示和注释

HTML5 <base> 标签

定义和用法

实例

例子 1

例子 2

HTML 4.01 与 HTML 5 之间的差异

提示和注释

属性