W HTML5 element <img> służy do osadzania obrazu, a jego poprawność składniowa w walidacji zależy głównie od tego, czy atrybuty są zapisane w sposób akceptowany przez parser i walidator oraz czy nie ma oczywistych błędów (np. niedomkniętych cudzysłowów).
Odpowiedź <img src = "mojPiesek.jpg" alt = "pies"> jest poprawnym zapisem atrybutów: każdy atrybut ma nazwę, znak równości i wartość w cudzysłowie. Obecność alt jest szczególnie istotna z perspektywy dostępności (tekst alternatywny, gdy obraz się nie wczyta lub dla czytników ekranu) i bywa sprawdzana przez narzędzia jakościowe.
Dlaczego pozostałe propozycje są problematyczne w kontekście walidacji:
- <img src = mojPiesek.jpg alt = pies> – wartości atrybutów bez cudzysłowów mogą być w HTML dopuszczalne tylko w określonych warunkach, ale część walidatorów lub ustawień linterów może to zgłaszać jako błąd/stylistyczne naruszenie. W pytaniu nie doprecyzowano narzędzia, więc taka odpowiedź bywa ryzykowna.
- <img src = mojPiesek.jpg" alt = "pies> – występują niespójne i niedomknięte cudzysłowy, co jest typowym błędem składniowym; parser może "rozjechać" interpretację atrybutów, a walidator zwykle wskaże błąd.
- <img src = "mojPiesek.jpg" > – składniowo może wyglądać poprawnie, ale brak atrybutu alt jest częstym problemem jakościowym i dostępnościowym; wiele walidatorów/linterów traktuje to jako błąd lub co najmniej istotne ostrzeżenie.
Na egzaminie warto pamiętać o dwóch zasadach: (1) unikaj niedomkniętych cudzysłowów, bo to niemal zawsze generuje błąd, (2) dla obrazów dbaj o alt, bo to standard dobrej praktyki i często element oceniany w zadaniach.
