English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriales básicos de HTML

Medios HTML

Manual de referencia HTML

HTML5 Tutoriales básicos

HTML5 API

HTML5 Medios

Plugins HTML

La función del complemento es expandir las funciones del navegador HTML.

HTML 助手(插件)

辅助应用程序(helper application)是可由浏览器启动的程序。辅助应用程序也称为插件。

辅助程序可用于播放音频和视频(以及其他)。辅助程序是使用 <object> 标签来加载的。

使用辅助程序播放视频和音频的一个优势是,您能够允许用户来控制部分或全部播放设置。

插件可以通过 <object> 标签或者 <embed> 标签添加在页面中。 

大多数辅助应用程序允许对音量设置和播放功能(比如后退、暂停、停止和播放)的手工(或程序的)控制。

我们可以使用 <video> 和 <audio> 标签来显示视频和音频

<object> 元素

所有主流浏览器都支持 <object> 标签。

<object> 元素定义了在 HTML 文档中嵌入的对象。

该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器,   Flash 播放器) 。

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<object width="400" height="50" data="/run/html/bookmark.swf"></object>
 
</body>
</html>
Prueba de verificación ‹/›
<object> 元素同样可用于包含HTML文件:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<object width="100%" height="500px" data="/run/demo_iframe.html"></object>
 
</body>
</html>
Prueba de verificación ‹/›

或者插入一张图片:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<object data="/static/images/logo-n.png"></object>
 
</body>
</html>
Prueba de verificación ‹/›

<embed> 元素

所有主流浏览器都支持 <embed> 元素。

<embed> 元素表示一个 HTML Embed 对象 。

<embed> 元素已经出现很长一段时间了,但是在 HTML5 前并未被详细说明,该元素在 HTML 5 页面上会被验证,在 HTML 4 上不会。

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<embed width="400" height="50" src="/run/html/bookmark.swf">
</body>
</html>
Prueba de verificación ‹/›

注意 <embed> 元素没有关闭标签。 不能使用替代文本。

<embed> 元素同样可用于包含 HTML 文件:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<embed width="100%" height="500px" src="/run/demo_iframe.html">
</body>
</html>
Prueba de verificación ‹/›

或者插入一张图片:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<embed src="/static/images/logo-n.png">
</body>
</html>
Prueba de verificación ‹/›