HTML | <mapa> nombre Atributo

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *