HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML: <area> href 屬性

href屬性指定該區(qū)域的超鏈接目標(biāo)，如果href屬性不存在，則 <area>標(biāo)簽不是超鏈接，在 HTML5 中, <area> 標(biāo)簽已經(jīng)不再使用 href 屬性，使用 placeholder來指定鏈接。

HTML <area> 標(biāo)簽

在線示例

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

示例

<!DOCTYPE html>
<html>
<title>HTML:<area> href 屬性 - 菜鳥教程 (cainiaoplus.com)</title>
<body>
<p>單擊太陽或其中一個(gè)行星以近距離觀察它</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
  <map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.html" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.html" alt="Venus">
  </map>  
</body>
</html>

測(cè)試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 href 屬性。

定義和用法

href 屬性規(guī)定區(qū)域中連接的目標(biāo)。

如果沒有使用href 屬性，<area> 標(biāo)簽就不是一個(gè)鏈接。

HTML 4.01 與 HTML5之間的差異

在 HTML5 中, <area> 標(biāo)簽已經(jīng)不再使用 href 屬性，使用 placeholder來指定鏈接。

語法

<area href="URL">

屬性值

值	描述
URL	鏈接的 URL。可能的值：絕對(duì) URL - 指向另一個(gè)站點(diǎn)（比如 href="http://www.example.com/sun.htm"）相對(duì) URL - 指向站點(diǎn)內(nèi)的某個(gè)文件（href="sun.htm"）錨 URL - 指向頁面中的錨（href="#sun"）

HTML <area> 標(biāo)簽

HTML: <template> 標(biāo)簽