HTML 標籤 object map area embed

參考連接： 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>