HTML <map> name屬性用法及代碼示例

HTML <map> name屬性用於指定映射圖像的名稱。此屬性與<img> usemap屬性相關聯，並創建了圖像和Map之間的關係。

用法:

<map name="mapname">

屬性值：

name:它指定圖像Map的名稱。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML name Attribute 
    </title> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1>GeeksForGeeks</h1> 
    <h2>HTML map name Attribute</h2> ` 
    <map id="Geeks" name="Geeks"> 
  
        <area shape="rect"
              coords="0, 0, 110, 100"
              alt="Geeks" 
              href= 
"https://media.geeksforgeeks.org/wp-content/uploads/a1-21.png"> 
  
        <area shape="rect" 
              coords="110, 0, 190, 100" 
              alt="For" 
              href= 
"https://media.geeksforgeeks.org/wp-content/uploads/a1-22.png"> 
  
        <area shape="rect"
              coords="190, 0, 300, 100"
              alt="GEEKS"
              href= 
"https://media.geeksforgeeks.org/wp-content/uploads/a1-24.png"> 
    </map> 
  
    <img src= 
"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png" 
         width="300" 
         height="100" 
         alt="GFG" 
         usemap="#Geeks"> 
  
</body> 
  
</html>

輸出：
之前：

後：

支持的瀏覽器：下麵列出了HTML <map> name Attribute支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
蘋果Safari
Opera

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | <map> name Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。