菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 如何 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS 网络安全 数据科学
     ❯   

HTML <object> 标签


示例

嵌入图片

<object data="pic_trulli.jpg" width="300" height="200"></object>
自己动手试一试 »

示例

嵌入HTML页面

<object data="snippet.html" width="500" height="200"></object>
自己动手试一试 »

示例

嵌入视频

<object data="video.mp4" width="400" height="300"></object>
自己动手试一试 »

定义和用法

<object> 标签定义了一个用于外部资源的容器。

外部资源可以是网页、图片、媒体播放器或插件应用程序。

要嵌入图片,最好使用 <img> 标签。

要嵌入HTML,最好使用 <iframe> 标签。

要嵌入视频或音频,最好使用 <video><audio> 标签。


浏览器支持

元素
<object>

插件

<object> 标签最初设计用于嵌入浏览器插件。

插件是扩展浏览器标准功能的计算机程序。

插件已被用于许多不同的目的

  • 运行Java Applet
  • 运行ActiveX控件
  • 显示Flash影片
  • 显示地图
  • 扫描病毒
  • 验证银行ID

警告!

大多数浏览器不再支持Java Applet和插件。

ActiveX控件在任何浏览器中都不再受支持。

现代浏览器也已关闭对Shockwave Flash的支持。


属性

Attribute 描述
data URL 指定对象要使用的资源的URL
form form_id 指定对象所属的表单
height 像素 指定对象的高度
name name 指定对象的名称
type media_type 指定数据属性中指定的数据的媒体类型
typemustmatch true/false 指定类型属性和资源的实际内容是否必须匹配才能显示
usemap #mapname 指定要与对象一起使用的客户端图像映射的名称
width 像素 指定对象的宽度

全局属性

<object> 标签还支持HTML中的全局属性


事件属性

<object> 标签还支持HTML中的事件属性


相关页面

HTML教程:HTML对象元素

HTML DOM参考:Object对象


默认 CSS 设置

大多数浏览器将使用以下默认值显示 <object> 元素

object:focus {
  outline: none;
}


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持