HTML object

2018-06-16 16:19 更新

HTML object

object元素实现与 embed 元素相同的结果。

它具有局部属性:data,type,height,width,usemap,name,form

object 元素也可以有零个或多个参数元素。

表单属性是HTML5中的新属性。

archive,classid,code,codebase,codetype,declare,standby,align,hspace,vspace和border属性都已过时。

以下代码显示了如何使用对象元素嵌入相同的YouTube视频。

<!DOCTYPE HTML>
<html>
<body>
  <object width="560" height="349"
    data="http://www.youtube.com/v/qzA60hHca9s"
    type="application/x-shockwave-flash">
    <param name="allowFullScreen" value="true" />
  </object>
</body>
</html>

注意

data属性提供了内容的位置。 type,width和height属性的含义与embed元素的含义相同。

您可以使用 param 元素定义要传递给插件的参数。

您需要为每个需要定义的参数使用一个 param 元素。

param 元素使用属性名称和值来定义参数。

Fallback内容

使用对象元素,您可以包括如果您指定的内容不可用将显示的内容。

<!DOCTYPE HTML>
<html>
<body>
  <object width="560" height="349" data="//www.w3cschool.cn/myimaginaryfile">
    <param name="allowFullScreen" value="true" />
    <b>Sorry!</b> We can"t display this content
  </object>
</body>
</html>

上面的代码使用 data 属性来引用不存在的文件。

浏览器将显示 object 元素内的内容。将忽略 param 元素。


image object

您可以使用 object 元素来嵌入图像。

<!DOCTYPE HTML>
<html>
<body>
  <object data="http://www.www.w3cschool.cn/style/download.png" type="image/png"> </object>
</body>
</html>

Image Maps

您可以使用 object 元素创建客户端图像映射。 usemap 属性可用于将map元素与 objext 元素相关联。

<!DOCTYPE HTML>
<html>
<body>
  <map name="mymap">
    <area href="a.html" shape="rect" coords="3,5,68,62"
      alt="A" />
    <area href="b.html" shape="rect" coords="70,5,130,62" alt="B" />
    <area href="c.html" shape="default" alt="default" />
  </map>

  <object data="http://www.www.w3cschool.cn/style/download.png" type="image/png" usemap="#mymap">
  </object>
</body>
</html>

在撰写本文时,Google Chrome和Apple Safari不支持此功能。

HTML embed

object和embed元素都通过添加对浏览器不直接支持的插件的支持来扩展浏览器的功能。

embed 元素具有局部属性: src,type,height,width

例子

以下代码显示了正在使用的embed元素。

<!DOCTYPE HTML>
<html>
<body>
  <embed src="http://www.youtube.com/v/qzA60hHca9s" rel="external nofollow" 
    type="application/x-shockwave-flash" 
    width="560" 
    height="349"
    allowfullscreen="true" />
</body>
</html>

src属性指定内容的位置。

type属性指定内容的MIME类型。

width和height属性确定嵌入内容的大小。

任何其他属性都是插件或内容的参数。

allowfullscreen 允许YouTube视频播放器以全屏模式播放视频。

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号