HTML | <map> name Attribute
The HTML <map> name Attribute is used to specify the name of the mapping image, This attribute is associated with the <img> usemap attribute and created the relationship between the image and the map.
Syntax:
<map name="mapname">
Attribute Values:
- name: it specify the name of the image map.
Example:
html
<!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= <area shape="rect" coords="110, 0, 190, 100" alt="For" href= <area shape="rect" coords="190, 0, 300, 100" alt="GEEKS" href= </map> <img src= width="300" height="100" alt="GFG" usemap="#Geeks"></body></html> |
Output:
Before:
After:
Supported Browsers: The browsers supported by HTML <map> name Attribute are listed below:
- Google Chrome version 1 and above
- Edge version 12 and above
- Firefox version 1 and above
- Internet Explorer
- Opera
- Safari 1 and above
.png)
![https://media.geeksforgeeks.org/wp-content/uploads/a1-21.png"](https://media.geeksforgeeks.org/wp-content/uploads/a1-21.png"){kind=link}
![https://media.geeksforgeeks.org/wp-content/uploads/a1-22.png"](https://media.geeksforgeeks.org/wp-content/uploads/a1-22.png"){kind=link}
![https://media.geeksforgeeks.org/wp-content/uploads/a1-24.png"](https://media.geeksforgeeks.org/wp-content/uploads/a1-24.png"){kind=link}
![https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"](https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"){kind=link}