html中object标签的使用

转载地址《国哥笔记》:http://www.ggbiji.com/html-object.html

html中,<object>标签是用来定义一个嵌入的对象,经常用来在页面中添加多媒体(图像、音频、视频、Java applets、ActiveX、PDF、Flash等)。<object>标签允许规定插入对象的数据和参数和显示和操作数据的代码。<object>标签原本是用来取代<img>标签<applet>标签的,由于各种原因并未实现(缺乏浏览器支持、存在漏洞等)。

浏览器对对象的支持依赖于对象类型,主流浏览器都是使用了不同的代码来加载相同的对象类型。object对象提供了解决方案:如果未显示object元素,就会执行位于<object>标签之中的代码,用这种方式就能嵌套多个object元素,使每个对应一个浏览器。

<object>标签基本属性

  • align :<object>元素相对于周围元素的对齐方式,html5不再支持(值:top、bottom、middle、left、right)。
  • archive:由空格分隔的指向档案文件的 URL 列表,html5不再支持(值:URL)。
  • border:<object>元素周围的边框宽度,html5不再支持(值:pixels)。
  • classid:嵌入Windows Registr0y中或某个URL中的类的ID值,html5不再支持(值:class_ID)
  • codebase :在何处可找到对象所需的代码,html5不再支持(值:URL)。
  • codetype :通过 classid 属性所引用的代码的 MIME 类型,html5不再支持(值:MIME_type)。
  • data :对象使用的资源的 URL(值:URL)。
  • declare:定义该对象仅可被声明,但不能被创建或例示,直到该对象得到应用为止,html5不再支持(值:declare)。
  • form:规定对象所属的一个或多个表单,html5新增标签(值:form_id)。
  • width:宽度(值:pixels)。
  • height:高度(值:pixels)。
  • hspace:对象左侧和右侧的空白,html5不再支持(值:pixels)。
  • name:名称(值:名称)。
  • standby:当对象正在加载时所显示的文本,html5不再支持(值:文本)。
  • type:data属性中规定的数据的 MIME 类型(值:MIME_type)。
  • usemap:与对象一同使用的客户端图像映射的名称(值:#mapname)。
  • vspace:对象的顶部和底部的空白,html5不再支持(值:pixels)。

<object>标签支持html全局属性和html事件属性

格式:

<object data="资源地址" ></object>

 

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< object>标签笔记_PHP笔记</title>
</head>
<body>
<object width="250" height="250" data="http://www.ggbiji.com/wp-content/uploads/2017/08/pig.gif" >
</object>
</body>
</html>

运行结果:

html< object alt=标签笔记 html 第1张" title="html< object>标签笔记 html 第1张-国哥笔记" >标签笔记" alt="" width="561" height="318" />

HTML的<object>标签是用来定义一个嵌入的对象,常用于在页面添加多媒体,如图像、音频、视频、Java applets、ActiveX、PDF、Flash等。\[1\]该标签允许指定插入对象的数据和参数以及显示和操作数据的代码。然而,由于各种原因,<object>标签并未取代<img>标签和<applet>标签使用(如缺乏浏览器支持、存在漏洞等)。\[1\] 在HTML代码,可以使用<object>标签来嵌入对象。例如,下面的代码将在页面嵌入一个名为"pig.gif"的图像,宽度和高度都为250像素: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html< object>标签笔记_PHP笔记</title> </head> <body> <object width="250" height="250" data="http://www.ggbiji.com/wp-content/uploads/2017/08/pig.gif" > </object> </body> </html>\[2\] 需要注意的是,<object>标签和<embed>标签都是用于播放多媒体文件的对象。<object>元素主要用于IE浏览器,而<embed>元素主要用于非IE浏览器。为了保证兼容性,通常我们会同时使用这两个元素,浏览器会自动忽略不支持的标签。同时使用这两个元素时,应将<embed>标签放在<object>标签的内部。\[3\] #### 引用[.reference_title] - *1* *2* [htmlobject标签使用](https://blog.csdn.net/qq_35008624/article/details/81700822)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [object/param标签](https://blog.csdn.net/LostPub/article/details/7043722)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值