HTML object 标签是 HTML5 中新增的标签,它可以用来在 HTML 页面中嵌入多媒体内容,如图片、视频、Flash 等。它可以替代 img 和 embed 标签,并且支持更多的属性。
<object data="image.jpg" type="image/jpg" width="200" height="200"> <param name="movie" value="movie.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <embed src="movie.swf" quality="high" bgcolor="#ffffff" width="200" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed> </object>
上面的代码使用 object 标签将一张图片和一个 Flash 动画合并在一起,当浏览器不支持 Flash 时,就会显示图片。object 标签还有很多其他的应用,例如可以使用它来加载 PDF 文件、SVG 图形或者 Java Applets 等。
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
元素使用属性名称和值来定义参数。
使用对象元素,您可以包括如果您指定的内容不可用将显示的内容。
<!DOCTYPE HTML>
<html>
<body>
<object width="560" height="349" data="//www..cn/myimaginaryfile">
<param name="allowFullScreen" value="true" />
<b>Sorry!</b> We can"t display this content
</object>
</body>
</html>
上面的代码使用 data
属性来引用不存在的文件。
浏览器将显示 object
元素内的内容。将忽略 param
元素。
您可以使用 object
元素来嵌入图像。
<!DOCTYPE HTML>
<html>
<body>
<object data="http://www.www..cn/style/download.png" type="image/png"> </object>
</body>
</html>
您可以使用 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..cn/style/download.png" type="image/png" usemap="#mymap">
</object>
</body>
</html>
在撰写本文时,Google Chrome和Apple Safari不支持此功能。
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视频播放器以全屏模式播放视频。
HTML 图像 使用img标签定义 HTML 页面中的图像。img标签有两个必需的属性:src和alt。 实例h2挪威山旅行/h2img src="/statics/i...
XHTML 模块化模型定义了 XHTML 的模块。XHTML 模块化指的是,把 XHTML 1.0 划分为可提供特定功能的小型模型的集合。XHTML 1.0 的...
第 8 章 何时使用宏我们如何知道一个给定的函数是否真的应该是函数,而不是宏呢?多数时候,会很容易分清楚在哪种情况下需要用到...
附录: 包(packages)包(packages),是 Common Lisp 把代码组织成模块的方式。早期的 Lisp 方言有一张符号表,即oblist【注1】。...
作者:Michael Bayer译者:谢路云状态:翻译中原文地址:http://www.aosabook.org/en/sqlalchemy.htmlSQLAlchemy是一个Pytho...