El atributo HTML <map> name se usa para especificar el nombre de la imagen de mapeo. Este atributo está asociado con el atributo <img> usemap y crea la relación entre la imagen y el mapa.
Sintaxis:
<map name="mapname">
Valores de atributos:
- nombre: especifica el nombre del mapa de imagen.
Ejemplo:
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>
Producción:
Antes:
Después:
Navegadores compatibles: los navegadores compatibles con el atributo de nombre HTML <mapa> se enumeran a continuación:
- Google Chrome versión 1 y superior
- Edge versión 12 y superior
- Firefox versión 1 y superior
- explorador de Internet
- Ópera
- Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA