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基本标签HTML H1-H6 h1 元素表示标题。HTML 定义了标题元素的层次结构,其中 h1 是排名最高的。其它标题元素是 h2 , h3 到 ...
HTML 脚本 JavaScript 是可插入 HTML 页面的编程代码。JavaScript 使 HTML 页面具有更强的动态和交互性。JavaScript 插入 HTML ...
HTML head HTML 头部元素包含关于文档的概要信息,也被称为元信息(meta-information)。 查看在线实例 title - 定义了HTML文档...
HTML 颜色名目前所有浏览器都支持以下颜色名。 141 个颜色名称是在 HTML 和 CSS 颜色规范定义的( 17 标准颜色,再加 124 )。下...
JavaScript 使 HTML 页面更具动态性和交互性实例!DOCTYPE htmlhtmlbodyh1我的第一段 JavaScript/h1button type="button"onclick=...
内联样式内联样式是使用style属性添加到元素的样式。!DOCTYPE HTMLhtmlbody a href="https://www..cn"style="background-color:g...