举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > html object标签 HTML object

html object标签 HTML object

2023-03-12 14:31 HTML教程

html object标签 HTML object

html object标签

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 等。

HTML object

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

阅读全文
以上是鳄鱼CMS为你收集整理的html object标签 HTML object全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们