Dla przedstawionego fragmentu kodu
<img src="kwiat.jpg alt="kwiat">walidator HTML zwróci błąd, ponieważ
A. nie zamknięto cudzysłowu
B. nie odnaleziono pliku kwiat.jpg
C. użyto niewłaściwego znacznika do wyświetlenia grafiki
D. użyto nieznanego atrybutu alt
Błąd wynika z tego, że w atrybucie src otwarto cudzysłów przed nazwą pliku, ale nie zamknięto go po kwiat.jpg. Poprawny zapis powinien wyglądać tak: <img src="kwiat.jpg" alt="kwiat">. W HTML wartości atrybutów zapisuje się najczęściej w cudzysłowach i trzeba pilnować, żeby każdy znak " miał swoją parę. W pokazanym fragmencie przeglądarka albo walidator może potraktować tekst alt= jako dalszą część wartości atrybutu src, przez co struktura znacznika robi się niepoprawna. Moim zdaniem to jeden z tych małych błędów, które są bardzo łatwe do przeoczenia, a potrafią zepsuć pół strony. Znacznik <img> jest poprawny do osadzania obrazów, a atrybut alt jest standardowym i bardzo ważnym atrybutem dostępności. Dobra praktyka branżowa jest taka, żeby pisać kod czytelnie, domykać cudzysłowy od razu i sprawdzać dokument w walidatorze W3C, bo wychwytuje on właśnie takie literówki składniowe.
W tym fragmencie problem nie polega na wyborze znacznika ani na samym atrybucie alt. Do wstawiania grafiki w HTML używa się właśnie znacznika <img>, więc podejrzenie, że zastosowano niewłaściwy element, jest nietrafione. Ten znacznik jest elementem pustym, czyli w HTML5 nie wymaga osobnego znacznika zamykającego typu </img>. Ważniejsze jest poprawne zapisanie jego atrybutów, na przykład src oraz alt. Atrybut alt również nie jest żadnym nieznanym dodatkiem. Jest częścią standardu HTML i służy do podania tekstu alternatywnego, który może być odczytany przez czytniki ekranu albo pokazany, gdy obraz się nie załaduje. Z mojego doświadczenia wynika, że uczniowie czasem mylą walidację składni z działaniem strony w przeglądarce. Brak pliku kwiat.jpg może spowodować, że obrazek nie wyświetli się użytkownikowi, ale typowy walidator HTML nie zgłasza tego jako błędu składni dokumentu. On sprawdza głównie poprawność kodu, strukturę znaczników i atrybutów, a nie zawsze fizyczną obecność pliku na serwerze. Tutaj prawdziwy kłopot jest bardziej podstawowy: po src="kwiat.jpg zabrakło zamykającego cudzysłowu. Przez to parser HTML nie wie prawidłowo, gdzie kończy się wartość atrybutu src, a zaczyna kolejny atrybut. Taka literówka wygląda niewinnie, ale w praktyce potrafi rozwalić analizę całego znacznika, więc warto na to uważać przy pisaniu kodu ręcznie.