HTML 元素在圖片上定義一個(gè)熱點(diǎn)區(qū)域，可以關(guān)聯(lián)一個(gè)超鏈接。元素僅在元素內(nèi)部使用。

瀏覽器支持

例子

標(biāo)簽定義及使用說(shuō)明

• 標(biāo)簽定義圖像映射內(nèi)部的區(qū)域（圖像映射指的是帶有可點(diǎn)擊區(qū)域的圖像）。
• 元素始終嵌套在標(biāo)簽內(nèi)部。

屬性

該元素包括全局屬性。

• alt在未顯示圖像的瀏覽器上顯示代替的文本字符串。這個(gè)文本應(yīng)該能傳達(dá)給用戶與顯示圖像而沒有文本的情況下同等的選擇（譯者注：就是字和圖片表達(dá)一個(gè)意思）。在HTML4中，這個(gè)屬性時(shí)必需的，但是可以是一個(gè)空的串("")。在HTML5中，這個(gè)屬性只有在href屬性被使用的時(shí)候才是必需的。
• coords給熱點(diǎn)區(qū)域設(shè)定具體的坐標(biāo)值。這個(gè)值的數(shù)值和意義取決于這個(gè)值所描述的形狀屬性.。對(duì)于矩形或長(zhǎng)方形，這個(gè)coords值為兩個(gè)X,Y對(duì)：左上、右下。對(duì)于圓形，這個(gè)值是x,y,r，這里的x,y是一對(duì)確定圓的中心的坐標(biāo)而r則表示的是半徑值.。對(duì)于多邊和多邊形，這個(gè)值是用x,y對(duì)表示的多邊形的每一個(gè)點(diǎn)：x1,y1,x2,y2,x3,y3,等等。HTML4里，值可能是像素?cái)?shù)量或者百分比，區(qū)別是不是有%出現(xiàn); HTML5里，只可能是像素的數(shù)量.
• hrefarea的超鏈接，值為一個(gè)URL. HTML4里，這個(gè)值不管是不是有值都要明確指定出來(lái). HTML5里則不需要.
• target本屬性指明了在什么地方顯示鏈接的資源。本屬性只能在指明href屬性之后使用.HTML4里，這個(gè)值是一個(gè)frame的鏈接或者關(guān)鍵字. HTML5里，它是一個(gè)瀏覽器上下文(比如：標(biāo)簽，窗口或者內(nèi)嵌的frame)的鏈接或者關(guān)鍵字。值的含義:
  • _self:在當(dāng)前區(qū)域加載鏈接指向的資源。這個(gè)是默認(rèn)值.
  • _blank:在新的未命名的窗口或者tab里加載超鏈接資源.
  • _parent:在父級(jí)加載超鏈接資源. HTML4里，是當(dāng)前frame的父級(jí), HTML5里是當(dāng)前的瀏覽器上下文，如果當(dāng)前環(huán)境沒有父級(jí)，行為和_self一樣.
  • _top: HTML4里：將響應(yīng)加載到完整的原始窗口中，取消所有其他幀。在HTML5中：將響應(yīng)加載到頂級(jí)瀏覽上下文(也就是說(shuō)，瀏覽上下文是當(dāng)前版本的祖先，并且沒有父類)。如果沒有父類，這個(gè)選項(xiàng)的行為方式與_self相同
• shape相關(guān)聯(lián)的熱點(diǎn)的形狀。HTML 5和HTML4的規(guī)范定義了值rect，它定義了一個(gè)矩形區(qū)域；圓圈，它定義了一個(gè)圓形區(qū)域；多邊形，它定義了一個(gè)多邊形；默認(rèn)情況下，這表示整個(gè)區(qū)域超出了任何定義的形狀。許多瀏覽器，特別是Internet Explorer 4和更高版本，支持弧形、多邊形和矩形作為形狀的有效值；這些值{{Non-standard_inline}}。
• type該屬性指定了用于鏈接目標(biāo)的MIME類型的媒體類型。只有當(dāng)href屬性存在時(shí)才使用該屬性。一般來(lái)說(shuō)，這是嚴(yán)格的咨詢信息；然而，在未來(lái)，瀏覽器可能會(huì)為多媒體類型添加一個(gè)小圖標(biāo)。例如，當(dāng)類型設(shè)置為音頻/wav時(shí)，瀏覽器可能會(huì)添加一個(gè)小的揚(yáng)聲器圖標(biāo)。
• downloadHTML5新增這個(gè)屬性如果存在的話，表明作者想把超鏈接用于下載一個(gè)資源。請(qǐng)查看獲得關(guān)于download屬性的完整描述。
• hreflangHTML5新增指明鏈接資源的語(yǔ)言類型，值的范圍參考BCP47.這個(gè)屬性只能在指明href屬性之后使用.

• nameTHML5中廢棄為可點(diǎn)擊區(qū)域定義一個(gè)名字以使舊瀏覽器解析。
• mediaHTML5新增指明鏈接資源的媒體類型，例：print and screen。如果此屬性省略，默認(rèn)全部。僅在href屬性存在情況下使用。
• relHTML5新增對(duì)于包含href屬性的錨，該屬性指定目標(biāo)對(duì)象與鏈接對(duì)象的關(guān)系。該值是一個(gè)逗號(hào)分隔的鏈接類型值列表。這些值及其語(yǔ)義將由一些可能對(duì)文檔作者有意義的權(quán)威進(jìn)行注冊(cè)。如果沒有其他的關(guān)系，默認(rèn)的關(guān)系是無(wú)效的。只有當(dāng)href屬性是presen時(shí)才使用該屬性
• accesskeyTHML5中廢棄為元素指定一個(gè)獲取焦點(diǎn)的快捷鍵。在與指定字符關(guān)聯(lián)的情況下，按ALT或類似鍵選擇與該鍵序列相關(guān)聯(lián)的表單控件。頁(yè)面設(shè)計(jì)人員避免使用已經(jīng)綁定到瀏覽器的快捷鍵。這個(gè)屬性自HTML5以來(lái)是全局性的。
• nohrefTHML5中廢棄指明此區(qū)域沒有超鏈接。在中必須存在nohref或者h(yuǎn)ref。
• tabindexTHML5中廢棄用于指定瀏覽器tab鍵獲取焦點(diǎn)的順序。在html5中是全局屬性。

屬性

HTML 4.01 與 HTML5之間的差異

HTML5 提供了一些新屬性，同時(shí)不再支持 HTML 4.01 中的某些屬性。

HTML 與 XHTML 之間的差異

在 HTML 中，標(biāo)簽沒有結(jié)束標(biāo)簽。

在 XHTML 中，標(biāo)簽必須正確地關(guān)閉。

全局屬性

標(biāo)簽支持HTML 的全局屬性。

事件屬性

標(biāo)簽支持HTML 的事件屬性。

實(shí)例

帶有可點(diǎn)擊區(qū)域的圖像映射：