Którym znacznikiem HTML oznacza się nagłówek najwyższego (najważniejszego) stopnia?
A. <h6>
B. <header>
C. <h1>
D. <head>
Znacznik <h1> oznacza nagłówek najwyższego, czyli najważniejszego stopnia w strukturze dokumentu HTML. W HTML nagłówki tworzą hierarchię od <h1> do <h6>, gdzie <h1> jest głównym tytułem strony lub głównej sekcji, a <h6> najmniej istotnym nagłówkiem. To nie jest tylko kwestia wyglądu tekstu, ale przede wszystkim semantyki, czyli znaczenia elementu w dokumencie. Przeglądarki, czytniki ekranowe i roboty wyszukiwarek traktują nagłówki jako wskazówki mówiące, jak zorganizowana jest treść. Moim zdaniem to jedna z tych rzeczy w HTML, które wyglądają banalnie, ale mają duże znaczenie w praktyce. Typowy przykład to strona artykułu: <h1> zawiera tytuł artykułu, <h2> większe działy, a <h3> podrozdziały. Dobra praktyka mówi, żeby zachować logiczną kolejność nagłówków i nie używać ich tylko po to, żeby tekst był większy. Od wyglądu jest CSS, a HTML powinien opisywać strukturę treści. Dzięki temu kod jest bardziej dostępny, łatwiejszy do utrzymania i zgodny z zasadami tworzenia poprawnych stron WWW.
W tym pytaniu łatwo pomylić znaczniki, bo kilka z nich kojarzy się z czymś ważnym na stronie, ale pełnią zupełnie inne role. W HTML nagłówki treści oznacza się elementami od <h1> do <h6>. Najwyższy poziom ma <h1>, a nie <h6>. Warto zapamiętać, że numer działa tu odwrotnie niż czasem intuicja podpowiada: mniejsza liczba oznacza wyższy poziom w hierarchii dokumentu. <h6> jest więc nagłówkiem najniższego rzędu, stosowanym raczej głęboko w strukturze, na przykład dla mało istotnych podsekcji. Z mojego doświadczenia uczniowie często wybierają <h6>, bo kojarzą większą liczbę z większą ważnością, no ale w HTML tak to nie działa.
Znacznik <header> też bywa mylący, ponieważ jego nazwa oznacza nagłówek, ale chodzi o nagłówek jako obszar strony lub sekcji, a nie poziom tytułu. <header> może zawierać logo, menu, formularz wyszukiwania albo właśnie element <h1>, ale sam nie jest nagłówkiem stopnia pierwszego. Podobnie <head> nie służy do prezentowania widocznej treści strony. To część dokumentu HTML przeznaczona na metadane, tytuł karty przeglądarki, linki do arkuszy CSS, skrypty czy informacje o kodowaniu znaków. Użytkownik zwykle nie widzi zawartości <head> bezpośrednio na stronie. Poprawne myślenie jest takie: jeśli chodzi o semantyczny tytuł treści, wybieramy odpowiedni element z rodziny <h1>–<h6>, a dla najważniejszego nagłówka będzie to właśnie <h1>. Wygląd można potem spokojnie zmienić w CSS, nie psując struktury dokumentu.
Znacznik <header> też bywa mylący, ponieważ jego nazwa oznacza nagłówek, ale chodzi o nagłówek jako obszar strony lub sekcji, a nie poziom tytułu. <header> może zawierać logo, menu, formularz wyszukiwania albo właśnie element <h1>, ale sam nie jest nagłówkiem stopnia pierwszego. Podobnie <head> nie służy do prezentowania widocznej treści strony. To część dokumentu HTML przeznaczona na metadane, tytuł karty przeglądarki, linki do arkuszy CSS, skrypty czy informacje o kodowaniu znaków. Użytkownik zwykle nie widzi zawartości <head> bezpośrednio na stronie. Poprawne myślenie jest takie: jeśli chodzi o semantyczny tytuł treści, wybieramy odpowiedni element z rodziny <h1>–<h6>, a dla najważniejszego nagłówka będzie to właśnie <h1>. Wygląd można potem spokojnie zmienić w CSS, nie psując struktury dokumentu.