El atributo alt <area> se usa para especificar el texto alternativo para una imagen cuando el atributo de la imagen no se muestra. Brinda información alternativa para el usuario cuando la imagen no está cargada para mostrar.
Sintaxis:
<area alt="text">
Valores de atributo: contiene texto de valor único que se utiliza para especificar el texto alternativo para el área, si no se muestra la imagen.
Ejemplo:
html
<!DOCTYPE html> <html> <head> <title> HTML area alt Attribute </title> </head> <body style="text-align:center;"> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20190227165729/area11.png" alt="alt_attribute" width="300" height="119" class="aligncenter" usemap="#shapemap" /> <map name="shapemap"> <!-- area tag contained image. --> <area shape="poly" coords="59, 31, 28, 83, 91, 83" href= "https://media.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png" alt="Triangle"> <area shape="circle" coords="155, 56, 26" href= "https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png" alt="Circle"> <area shape="rect" coords="224, 30, 276, 82" href= "https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png" alt="Square"> </map> </body> </html>
Producción:
- Antes de hacer clic en un área específica en la que se puede hacer clic:
- Después de hacer clic en un área específica en la que se puede hacer clic:
Navegadores compatibles: los navegadores compatibles con el atributo alt <area> se enumeran a continuación:
- Google Chrome
- Borde 12 y superior
- explorador de Internet
- Firefox 1 y superior
- Safari
- Ópera