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视频播放器以全屏模式播放视频。