html <area> 標簽定義圖像映射內部的區域(圖像映射指的是帶有可點擊區域的圖像) <area> 元素始終嵌套在 <map> 標簽內部 <img> 標簽中的 usemap 屬性與 <map> 元素中的 name 相關聯,以創建圖像與映射之間的關系 提示和注釋:注釋:<img> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(由瀏覽器決定),所以我們需要同時向 <map> 添加 id 和 name 兩個屬性。 必需的屬性
|
屬性 | 值 | 描述 |
---|---|---|
coords | 坐標值 | 定義可點擊區域(對鼠標敏感的區域)的坐標。 |
href | URL | 定義此區域的目標 URL。 |
nohref | nohref | 從圖像映射排除某個區域。 |
shape |
| 定義區域的形狀。 |
target |
| 規定在何處打開 href |
帶有可點擊區域的圖像映射:
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,110,260" href ="sun.html" alt="Sun" /> </map>