Wskaż fragment kodu HTML5, który zostanie uznany przez walidator za niepoprawny.
<a href="a.html"><img src="a.png" alt="Strona A"></a>
<a href="a.html"><strong>Strona A</strong></a>
<p><a href="a.html">Strona A</a></p>
<a href="a.html"><a href="b.html">B</a></a>
Niepoprawny jest fragment z odnośnikiem umieszczonym wewnątrz innego odnośnika. Specyfikacja HTML zabrania zagnieżdżania elementów interaktywnych: element <a> nie może zawierać drugiego <a>, przycisku ani pola formularza. Nie wiadomo bowiem, dokąd ma prowadzić kliknięcie - pod adres zewnętrzny czy wewnętrzny.
Parser przeglądarki naprawia taki kod, zamykając pierwszy odnośnik przed drugim, więc strona wygląda inaczej, niż zakładał autor. Do zapamiętania: wewnątrz <a> wolno umieścić tekst, obraz, wyróżnienia, a w HTML5 nawet całe bloki, takie jak <div> czy nagłówek, byle nie zawierały innych elementów interaktywnych.
Walidator wskaże tu wiersz z drugim, zagnieżdżonym znacznikiem <a>.
Pozostałe fragmenty mogą budzić wątpliwości, ale są poprawne. Obraz wewnątrz odnośnika to klasyczny sposób na klikalną grafikę, np. logo prowadzące do strony głównej. Ważne, by obraz miał atrybut alt, bo wtedy czytnik ekranu ma czym opisać link - a tu go ma.
Odnośnik w akapicie to najzwyklejszy zapis: <p> zawiera treść frazową, a <a> do niej należy. Wyróżnienie <strong> wewnątrz odnośnika także jest dozwolone - pogrubia tekst linku i podkreśla jego wagę. Szukając błędu w takim pytaniu, warto zadać sobie pytanie, czy jakiś element interaktywny nie siedzi w drugim elemencie interaktywnym. Odnośnik w odnośniku, przycisk w odnośniku czy odnośnik w przycisku to zawsze błąd walidacji.
Gdy w jednym bloku potrzebne są dwa cele, umieszcza się po prostu dwa osobne odnośniki obok siebie.