一、概述
HTML 插件的功能是扩展 HTML 浏览器的功能。辅助应用程序(helper application)也称为插件,它们可以被浏览器启动,用于播放音频、视频或其他功能。插件可以通过 <object>
标签或 <embed>
标签添加到页面中。然而,需要注意的是,大多数现代浏览器已经不再支持 Java 小程序和 Flash 插件。
二、<object>
元素
1. 基本概念
<object>
元素用于在 HTML 文档中嵌入对象,例如 Java 小程序、PDF 阅读器、Flash 播放器等。它也可以用于嵌入 HTML 文件或图片。
2. 基本语法
HTML复制
<object width="400" height="50" data="bookmark.swf"></object>
预览
-
width
和height
:定义嵌入对象的宽度和高度。 -
data
:指定嵌入对象的路径。
3. 嵌入 HTML 文件
HTML复制
<object width="100%" height="500px" data="snippet.html"></object>
预览
通过 data
属性,可以嵌入一个 HTML 文件。
4. 嵌入图片
HTML复制
<object data="audi.jpeg"></object>
预览
<object>
元素也可以用来嵌入图片。
三、<embed>
元素
1. 基本概念
<embed>
元素表示一个 HTML 嵌入对象。它在 HTML5 中被正式定义,但在 HTML4 中并未详细说明。尽管如此,<embed>
元素在 HTML5 页面上会被验证。
2. 基本语法
HTML复制
<embed width="400" height="50" src="bookmark.swf">
预览
-
width
和height
:定义嵌入对象的宽度和高度。 -
src
:指定嵌入对象的路径。
3. 嵌入 HTML 文件
HTML复制
<embed width="100%" height="500px" src="snippet.html">
预览
<embed>
元素同样可以用于嵌入 HTML 文件。
4. 嵌入图片
HTML复制
<embed src="audi.jpeg">
预览
<embed>
元素也可以用来嵌入图片。
四、注意事项
-
浏览器支持 :虽然
<object>
和<embed>
元素被所有主流浏览器支持,但现代浏览器已经关闭了对 Flash 的支持,因此使用这些标签嵌入 Flash 内容将无法正常工作。 -
替代文本 :
<object>
元素可以包含替代文本,用于不支持嵌入对象的浏览器。而<embed>
元素没有关闭标签,因此不能使用替代文本。 -
使用场景 :尽管
<object>
和<embed>
元素可以用于嵌入多种类型的对象,但在现代网页开发中,更推荐使用<video>
和<audio>
标签来处理视频和音频内容,因为这些标签提供了更好的兼容性和控制功能。