HTML Object 标签怎么使用

Posted 2023-04-18

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML Object 标签怎么使用相关的知识，希望对你有一定的参考价值。

我看书上说要是给一个地图超链接要用到OBJECT标签让图片上地图里的每个地方指向的链接都不同该怎么用实在搞不懂了

<object data="../picture/acoustics.jpg" usemap="#map1"></object>

这是书里给的第一行命令后面的自己不会有高手帮忙解释下谢谢
顺便把这种链接该怎么写说下

html <object> 标签
实例
向 HTML 代码添加一个对象：
<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1"
width="100" height="50">
<param name="BorderStyle" value="1" />
<param name="MousePointer" value="0" />
<param name="Enabled" value="1" />
<param name="Min" value="0" />
<param name="Max" value="10" />
</object>

亲自试一试
浏览器支持

IE
Firefox
Chrome
Safari
Opera

几乎所有主流浏览器都拥有部分对 <object> 标签的支持。
定义和用法
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。
<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。
浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。
而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 <object> 和 </object> 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。
HTML 与 XHTML 之间的差异
NONE
提示和注释：
注释：<param> 标签定义用于对象的 run-time 设置。
注释：不要对图像使用 <object> 标签，请使用 <img> 标签代替。
可选的属性

属性
值
描述

align
left
right
top
bottom
定义围绕该对象的文本对齐方式。

archive URL 由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。
border pixels 定义对象周围的边框。
classid class ID 定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值，此属性可用来指定浏览器中包含的对象的位置，通常是一个 Java 类。
codebase URL 定义在何处可找到对象所需的代码，提供一个基准 URL。
codetype MIME type 通过 classid 属性所引用的代码的 MIME 类型。
data URL 定义引用对象数据的 URL。如果有需要对象处理的数据文件,要用 data 属性来指定这些数据文件。
declare declare 可定义此对象仅可被声明，但不能被创建或例示，直到此对象得到应用为止。
form form_id 规定对象所属的一个或多个表单。
height pixels 定义对象的高度。
hspace pixels 定义对象周围水平方向的空白。
name unique_name 为对象定义唯一的名称（以便在脚本中使用）。
standby text 定义当对象正在加载时所显示的文本。
type MIME_type 定义被规定在 data 属性中指定的文件中出现的数据的 MIME 类型。
usemap URL 规定与对象一同使用的客户端图像映射的 URL。
vspace pixels 定义对象的垂直方向的空白。
width pixels 定义对象的宽度。
全局属性
<object> 标签支持 HTML 中的全局属性。
事件属性
<object> 标签支持 HTML 中的事件属性。
相关页面
HTML DOM 参考手册：Object 对象参考技术A

Object 标签定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。几乎所有主流浏览器都拥有部分对 <object> 标签的支持。

播放 MP4 视频例子：

参考技术B <object data="helloworld.swf" />
or
<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50">
<param name="BorderStyle" value="1" />
<param name="MousePointer" value="0" />
<param name="Enabled" value="1" />
<param name="Min" value="0" />
<param name="Max" value="10" />
</object>

我在 html5 音频标签中播放音频时收到 [object MediaError]

【中文标题】我在 html5 音频标签中播放音频时收到 [object MediaError]【英文标题】：I am getting [object MediaError] while playing audio in html5 audio tag 【发布时间】：2013-11-04 09:22:55 【问题描述】：

我使用如下代码控制音频标签

myAudio.error.code

在控制台日志中显示 4。

任何人都可以帮助我为什么会收到此错误。甚至我的音频标签如下。

<audio id="scamper_music_sting_SFX" src="lib/game15/sounds/language/english/scamper_music_sting_SFX.mp3" type="audio/mpeg"/>

路径正确。

【问题讨论】：

服务器返回的MIME类型是什么？您好 Qantas，如何显示或获取从服务器返回的 MIME 类型？您好澳洲航空，我发现 Content-Type 等于 audio/mpeg 只要确保您查看的是正确的，您可以放置一个屏幕截图并编辑您的问题以将其附上吗？无法附加屏幕截图，但这里是 mp3 文件的网络内容 URL 方法结果类型 Received Taken Initiator Wait‎‎ Start‎‎ Request‎‎ Response‎‎ Cache read‎‎ Gap‎‎ /vss/CCI_UX/lib/game15/sounds/language/english/scamper_music_sting_SFX.mp3 GET 304 音频/mpeg 210 B 【参考方案1】：

您的音频文件所在的文件夹结构可能存在一些权限问题，您可以通过将音频文件移动到与您的 html 文件相同的目录进行测试。然后用下面的音频元素进行测试。

<audio id="scamper_music_sting_SFX" src="scamper_music_sting_SFX.mp3" type="audio/mpeg" />

【讨论】：

以上是关于HTML Object 标签怎么使用的主要内容，如果未能解决你的问题，请参考以下文章

在HTML语言中object标签有啥作用??

html5 中object标签的使用

embed、object、video的HTML标签的区别？

HTML多媒体标签

请问html标签中,object标签有啥用