<img src="rysunek.png" alt="pejzaż"> Zapisano kod HTML wstawiający grafikę na stronę internetową. Jeżeli rysunek.png nie zostanie odnaleziony,...
<img src="rysunek.png" alt="pejzaż">Zapisano kod HTML wstawiający grafikę na stronę internetową. Jeżeli rysunek.pngnie zostanie odnaleziony, przeglądarka
A. w miejscu grafiki wypisze tekst „rysunek.png”.
Źle. Nazwa pliku z
src to adres, a nie tekst dla użytkownika.B. nie wyświetli strony internetowej.
Źle. Brak obrazu nie blokuje strony, reszta treści wyświetla się normalnie.
C. w miejscu grafiki wypisze błąd wyświetlania strony.
Źle. Przeglądarka nie zgłasza błędu strony; 404 widać tylko w narzędziach deweloperskich.
D. w miejscu grafiki wypisze tekst „pejzaż”.
Dobrze. Brak pliku sprawia, że przeglądarka pokazuje tekst z atrybutu
alt.Pytanie z egzaminu CKE, styczeń 2017 (arkusz E.14-X-17.01).
Atrybut
alt zawiera tekst alternatywny, który przeglądarka pokazuje, gdy obrazu nie da się wyświetlić: plik nie istnieje, ścieżka jest błędna albo użytkownik wyłączył grafiki. W tym kodzie zamiast obrazu pojawi się więc słowo „pejzaż”, zwykle obok ikony uszkodzonego obrazka. Tekst alt odczytują też czytniki ekranu osób niewidomych i roboty wyszukiwarek, dlatego powinien krótko opisywać, co przedstawia grafika. Do zapamiętania: src wskazuje plik, alt go opisuje i zastępuje, gdy pliku brak. W HTML5 atrybut alt jest wymagany w <img>; przy grafikach czysto ozdobnych zostawia się go pustym. Brak atrybutu alt walidator zgłasza jako błąd.Wybór innego wariantu bierze się zwykle z przekonania, że brak pliku to błąd całej strony. Przeglądarki są tolerancyjne: brakujący obraz nie zatrzymuje wyświetlania strony, reszta treści pokazuje się normalnie. Nie pojawia się też komunikat o błędzie wyświetlania strony - błąd 404 dla pliku graficznego widać najwyżej w narzędziach deweloperskich (F12), w zakładce sieci. Nazwa pliku „rysunek.png” również się nie wyświetla, bo jest wartością atrybutu
src, czyli adresem, a nie tekstem dla użytkownika. W miejscu niedostępnej grafiki przeglądarka pokazuje tekst z atrybutu alt, w tym przypadku słowo „pejzaż”. Gdyby atrybutu alt w ogóle nie było, przeglądarka pokazałaby tylko ikonę uszkodzonego obrazka albo puste miejsce. Dlatego dobrze opisany tekst alternatywny chroni stronę przed utratą informacji, gdy plik graficzny zaginie albo nie zdąży się pobrać.