HTML 标签 object map area embed

2019独角兽企业重金招聘Python工程师标准>>>

参考链接： http://www.dreamdu.com/xhtml/tag_object/

1：object 标签

object 标签 -- 定义网页中嵌入除图片外的多媒体

• object标签是成对出现的,以<object>开始，</object>结束
• 使用object标签可以在网页中嵌入各种多媒体，例如Flash,Java Applets,MP3,QuickTime Movies等
• param标签通常配合object标签一同使用
• object标签内除了param标签外，其它的内容将在浏览器不支持objcet标签时显示
• 在网页中嵌入图像，请使用img标签
• object可以完全代替标准不赞成使用的applet,embed,bgsound标签
• 引用网址:http://www.dreamdu.com/xhtml/tag_object/
• 属性
  • Common -- 一般属性
  • archive -- 包含多个使用逗号(,)分割的Java类或外部资源，用于增强applet的功能，定义applet代码
  • border -- 边框
  • classid -- 关联一个应用程序，执行嵌入内容的应用程序在windows系统中的唯一id(不能改变此id，否则程序将出现异常)，例如
    • clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 -- Flash
  • codebase -- 为相对路径提供基URL，IE浏览器通常将此属性中的内容定义为运行嵌入内容所要加载的插件，例如
    • http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 -- Flash
  • codetype -- 嵌入内容的MIME类型，例如
    • application/java -- Java
    • application/x-shockwave-flash -- Flash
  • declare -- 声明没有实例化的嵌入内容，此内容通常在加载后可以使用，或者当嵌入内容的某些参数将使用其它嵌入内容时
    • declare -- 声明
  • data -- 嵌入内容的URL，可以是根据codebase属性的相对路径
  • height -- 嵌入内容的高度，单位像素
  • hspace -- 嵌入内容水平方向的空白，应使用CSS margin代替
  • standby -- 文档加载时显示的文本信息
  • tabindex -- 使用"Tab"键的遍历顺序
  • usemap -- 定义图像点击区域
  • viewastext -- 阻止一些可视化工具，例如Microsoft FrontPage或者Visual InterDev在设计页面时运行object内的组件
  • vspace -- 嵌入内容垂直方向的空白，应使用CSS margin代替
  • width -- 嵌入内容的宽度，单位像素
• object:物体，对象

 

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0">
        您的浏览器不支持Flash，请点击<a href="http://www.macromedia.com/go/getflashplayer">下载</a>。
        <param name="movie" value="/1.swf" />
        <param name="quality" value="high" />
</object>

 

2. map 标签

map 标签 -- 定义图像点击区域的集合

• map标签是成对出现的,以<map>开始，</map>结束
• map标签必须配合area标签使用。
• map标签中name与id属性指定的值必须与定义图像点击区中图像(img)的usemap属性指定的值一致。
• 属性
  • Common -- 一般属性
  • id -- 定义map的名称。
  • name -- 定义map的名称。
• map是client-side image map的意思
• 引用网址:http://www.dreamdu.com/xhtml/tag_map/

 

<img src="http://www.dreamdu.com/images/html_table.png" usemap="#Map" />
<map name="Map" id="Map">
        <area shape="rect" coords="35,29,135,99" href="#" />
        <area shape="circle" coords="243,78,44" href="#" />
        <area shape="poly" coords="120,137,195,154,135,207" href="#" />
</map>

 

转载于:https://my.oschina.net/willSoft/blog/30386