整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML5 <mark> 标签

部分文本高亮显示:

<p>Do not forget to buy <mark>milk</mark> today.</p>


浏览器支持

Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 <mark> 标签。

注意:Internet Explorer 8 及更早版本不支持 <mark> 标签。


标签定义及使用说明

<mark> 标签定义带有记号的文本。

请在需要突出显示文本时使用 <mark> 标签。


HTML 4.01 与 HTML5之间的差异

<mark> 是 HTML5 新标签。


全局属性

<mark> 标签支持全局属性,查看完整属性表 HTML全局属性。


事件属性

<mark> 标签支持所有 HTML事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

TML5 提供了播放音频文件的标准。

互联网上的音频

直到现在,仍然不存在一项旨在网页上播放音频的标准。

今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。

浏览器支持

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素.

注意: Internet Explorer 8 及更早IE版本不支持 <audio> 元素.

HTML5 Audio - 如何工作

如需在 HTML5 中播放音频,你需要使用以下代码:

实例

<audiocontrols><sourcesrc="horse.ogg"type="audio/ogg"><sourcesrc="horse.mp3"type="audio/mpeg">您的浏览器不支持 audio 元素。</audio>

control 属性供添加播放、暂停和音量控件。

在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本 。

<audio> 元素允许使用多个 <source> 元素. <source> 元素可以链接不同的音频文件,浏览器将使用第一个支持的音频文件

音频格式及浏览器支持

目前, <audio>元素支持三种音频格式文件: MP3, Wav, 和 Ogg:

浏览器MP3WavOgg
Internet Explorer 9+YESNONO
Chrome 6+YESYESYES
Firefox 3.6+YESYESYES
Safari 5+YESYESNO
Opera 10+YESYESYES

音频格式的MIME类型

FormatMIME-type
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

HTML5 Audio 标签

标签描述
<audio>定义了声音内容
<source>规定了多媒体资源, 可以是多个,在 <video> 与 <audio>标签中使用

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

频video

<video

src=”视频的路径”

controls=”控制播放、暂停、音量等”

autoplay=”自动播放”

loop=”循环播放”

width=”视频播放器的宽度”

height=”视频播放器的高度”

>

</video>

还有做浏览器兼容的方式:

<video controls autoplay loop width="500" height="500">

<source src="video/hhxd.mp4" type="video/mp4"></source>

<source src="video/ghsy.ogg" type="audio/ogg"></source>

flash支持

当所有不支持时,就提供一个下载路径。

</video>

音频audio

<audio

src=”音频的路径”

controls=”控制播放、暂停、音量等”

autoplay=”自动播放”

loop=”循环播放”

></audio>

兼容类似视频方式

视频标签使用代码案例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>视频|音频</title>

</head>

<body>

<!--视频标签-->

<!--<video src="video/hhxd.mp4" controls autoplay loop="loop"></video>-->

<!--<video controls autoplay loop>

<source src="video/hhxd.mp4" type="audio/mp4"></source>

</video>-->

<!---->

<video controls autoplay loop width="500" height="500">

<source src="video/hhxd.mp4" type="video/mp4"></source>

<source src="video/ghsy.ogg" type="audio/ogg"></source>

</video>

<!--

<video width="800" height="" controls autoplay loop>

<source src="video/hhxd.mp4" type="video/mp4"></source>

<source src="myvideo.ogv" type="video/ogg"></source>

<source src="myvideo.webm" type="video/webm"></source>

<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">

<param name="movie" value="myvideo.swf" />

<param name="flashvars" value="autostart=true&file=myvideo.swf" />

</object>

当前浏览器不支持 video直接播放,点击这里下载视频: <a href="myvideo.webm">下载视频</a>

</video>

-->

</body>

</html>