HTML | <map> name Attribute

HTML | <map> name Attribute

Last Updated : 21 Jun, 2022

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=
"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>

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

HTML | <map> name Attribute

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | <meta> name Attribute

The HTML <meta> name Attribute is used to specify the name for the metadata. This attribute is used to define the name for the information/value of the content attribute. Note: If the http-equiv attribute is set, the name attribute should not be set. Syntax: <meta name="value"> Examples:

HTML | <meter> name Attribute

The HTML <meter> name Attribute is used to specify the name attribute of meter element. It is used to reference the form-data after submitting the form or to reference the element in a JavaScript.Syntax: <meter name="name"> Attribute Values: It contains a single value name which describe

HTML <a> name Attribute

TheÂ HTML anchor name attributeÂ is used to specify the name for an <a> element. It is used to reference the form data after submitting the form or to reference the element in JavaScript. Note:Â The <a> name attribute is not supported by HTML5. Syntax<a name="name"> Attribute Values:A

HTML | <form> name Attribute

The HTML <form> name Attribute is used to specify the name of a form Element. It is used to reference the form-data after submitting the form or to reference the element in a JavaScript. Syntax: <form name="name"> Attribute Values: It contains a single value name which describes the name

HTML | <input> name Attribute

The HTML <input> name Attribute is used to specify a name for an <input> element. It is used to reference the form-data after submitting the form or to reference the element in a JavaScript. Syntax: <input name="name"> Attribute Values: It contains a single value name which describ