Podczas walidacji dokumentu HTML5 pojawił się komunikat o treści: „Error: Element head is missing a required instance of child element title”. Oznacza to, że w dokumencie
A. element <title> nie został zamknięty przez </title>.
B. nie zdefiniowano elementu <title> w części <head> dokumentu.
C. element <title> nie jest wymagany.
D. nie zdefiniowano obowiązkowego atrybutu title w znaczniku <img>.
Pytanie z egzaminu CKE, czerwiec 2020 (arkusz EE.09-SG-20.06).
Komunikat walidatora oznacza, że w sekcji <head> brakuje obowiązkowego elementu <title>. W HTML5 element <title> jest wymagany, bo określa tytuł dokumentu widoczny na karcie przeglądarki, używany w historii przeglądania, zakładkach oraz często jako podstawowa informacja dla wyszukiwarek i narzędzi dostępności. Poprawny fragment wygląda np. tak: <head> <meta charset=UTF-8> <title>Strona główna firmy</title> </head>. Walidator nie mówi tutaj o atrybucie ani o obrazku, tylko konkretnie o elemencie potomnym sekcji head. Z mojego doświadczenia to jeden z tych błędów, które łatwo przeoczyć przy szybkim tworzeniu szablonu strony, a potem validator od razu go wyłapuje. Dobra praktyka jest prosta: każda kompletna strona HTML powinna mieć sensowny, unikalny tytuł, nie tylko pusty znacznik <title></title>. To pomaga użytkownikowi, SEO i ogólnie porządkuje dokument.
Ten komunikat nie oznacza, że element <title> jest opcjonalny. Jest dokładnie odwrotnie: walidator informuje, że w elemencie <head> brakuje wymaganego dziecka, czyli właśnie <title>. W HTML5 sekcja head przechowuje metadane dokumentu, takie jak kodowanie znaków, odwołania do arkuszy CSS, skrypty ładowane w nagłówku oraz tytuł strony. Brak tytułu powoduje błąd zgodności ze standardem, bo dokument nie ma jednej z podstawowych informacji opisujących stronę.
Nie należy też mylić braku elementu z jego niezamknięciem. Gdyby problemem było pominięcie znacznika zamykającego </title>, komunikat walidatora dotyczyłby raczej niepoprawnej struktury, niespodziewanego końca pliku albo źle zagnieżdżonych elementów. Tutaj treść błędu mówi wprost: head is missing a required instance of child element title, czyli wymagany element potomny nie wystąpił w sekcji <head>. To dość precyzyjna wskazówka.
Częsty błąd myślowy polega też na pomieszaniu elementu <title> z atrybutem title. Atrybut title można dodać do wielu znaczników jako podpowiedź tekstową, ale nie jest on tym samym co element <title> w nagłówku dokumentu. W przypadku znacznika <img> ważniejszy z punktu widzenia dostępności jest atrybut alt, natomiast title nie jest obowiązkowym atrybutem obrazu. Moim zdaniem warto czytać komunikaty walidatora dosłownie: jeśli mówi o element child element title w head, to szukamy znacznika <title> w części <head>, a nie atrybutów w innych elementach strony.
Nie należy też mylić braku elementu z jego niezamknięciem. Gdyby problemem było pominięcie znacznika zamykającego </title>, komunikat walidatora dotyczyłby raczej niepoprawnej struktury, niespodziewanego końca pliku albo źle zagnieżdżonych elementów. Tutaj treść błędu mówi wprost: head is missing a required instance of child element title, czyli wymagany element potomny nie wystąpił w sekcji <head>. To dość precyzyjna wskazówka.
Częsty błąd myślowy polega też na pomieszaniu elementu <title> z atrybutem title. Atrybut title można dodać do wielu znaczników jako podpowiedź tekstową, ale nie jest on tym samym co element <title> w nagłówku dokumentu. W przypadku znacznika <img> ważniejszy z punktu widzenia dostępności jest atrybut alt, natomiast title nie jest obowiązkowym atrybutem obrazu. Moim zdaniem warto czytać komunikaty walidatora dosłownie: jeśli mówi o element child element title w head, to szukamy znacznika <title> w części <head>, a nie atrybutów w innych elementach strony.