¿Cómo especificar el destino del hipervínculo para el área de una imagen en HTML5?

El atributo href se usa para especificar el destino del hipervínculo para el área en HTML5. La etiqueta de área no es un hipervínculo en sí misma. La etiqueta <a> siempre debe tener una etiqueta de apertura y otra de cierre. El atributo coords está obsoleto en un elemento. En su lugar, use siempre la etiqueta de área para el mapa de imagen donde el atributo de coordenadas se puede usar dentro de la etiqueta de área. Lo mismo debería aplicarse también a los atributos de forma. El siguiente ejemplo lo dice claramente.    

Sintaxis:

<area href = "URL">

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  <body style="text-align: center">
    <h1 style="color: green">GeeksforGeeks</h1>
    <h2>Use of href attribute in area tag.</h2>
  
    <img
      src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190808143838/logsm.png"
      alt="Geeks_logo"
      usemap="#gfg"/>
  
    <map name="gfg">
      <!-- You'll be able to go to the link only 
                when clicked on top-left corner -->
      <area
        shape="rect"
        coords="0, 0, 50, 50"
        alt="gfg"
        href="https://www.geeksforgeeks.org"
      />
    </map>
  </body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por arpitadeb595 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 *