Ostatnio edytowany:

alt

Autor: Virtual Patriot

Przeznaczenie atrybutu alt

Za pomocą atrybutu alt możemy określić alternatywną (zamienną) treść dla treści obrazkowej reprezentowanej przez interesujący nas element HTML.

Elementy HTML dla atrybutu alt

  1. area
  2. img
  3. input

Przykład atrybutu alt

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <img src="http://webkod.pl/files/html/zwierze-1.png" alt="zdjęcie lwa">

  </body>
</html>

Rezultat

zdjęcie lwa

Zasobem internetowym reprezentowanym przez przykładowy element "img" jest obrazek znajdujący się pod adresem "http://webkod.pl/files/html/zwierze-1.png", jednak wspomniany adres obrazka jest nieprawidłowy, dlatego przeglądarka internetowa nie mogła wyświetlić w swoim oknie wspomnianego obrazka, lecz przeglądarka internetowa wyświetliła w swoim oknie treść alternatywną w postaci ciągu znaków "zdjęcie lwa", ponieważ do wspomnianego elementu "img" został dodany atrybut "alt" wraz z wartością "zdjęcie lwa".

Interpretacja atrybutu alt

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak