W języku HTML znacznik <meta> zawiera
A. opisy i słowa kluczowe, które są wykorzystywane przez serwisy wyszukujące.
B. blok informacji widocznych dopiero w momencie rozwinięcia go przez użytkownika.
C. treść dokumentu.
D. nazwę dokumentu.
Pytanie z egzaminu CKE, czerwiec 2020 (arkusz AU.28-SG-20.06).
Znacznik meta w HTML służy do umieszczania metadanych, czyli informacji opisujących dokument, a nie jego widocznej treści. Najczęściej zapisuje się go w sekcji head strony, razem z tytułem, linkami do arkuszy CSS czy ustawieniami kodowania. Odpowiedź o opisach i słowach kluczowych jest więc trafna, bo klasyczne zastosowanie meta to np. opis strony dla wyszukiwarki: meta name='description' content='Krótki opis strony'. Taki opis może pojawić się w wynikach wyszukiwania jako fragment pod tytułem strony. Dawniej popularne było też meta name='keywords', czyli lista słów kluczowych, chociaż moim zdaniem warto pamiętać, że współczesne wyszukiwarki, szczególnie Google, nie traktują już tego znacznika jako ważnego czynnika rankingowego. Nadal jednak metadane są bardzo ważne w praktyce: meta charset='UTF-8' ustawia kodowanie znaków, meta name='viewport' pomaga poprawnie wyświetlać stronę na telefonach, a znaczniki Open Graph wpływają na wygląd linku udostępnianego w mediach społecznościowych. Dobra praktyka branżowa jest taka, aby metadane były konkretne, zgodne z zawartością strony i umieszczone w head, bo wtedy przeglądarka, robot indeksujący i inne usługi mogą je poprawnie odczytać.
W tym pytaniu łatwo pomylić metadane z treścią widoczną na stronie, bo wszystko znajduje się niby w jednym dokumencie HTML. Znacznik meta nie służy jednak do wpisywania głównej treści dokumentu. Widoczny tekst, grafiki, przyciski, nagłówki czy akapity umieszcza się zwykle w sekcji body, na przykład za pomocą elementów p, h1, img, section albo article. Meta działa bardziej w tle. Przeglądarka i roboty wyszukiwarek odczytują z niego informacje pomocnicze, ale użytkownik zazwyczaj nie widzi ich bezpośrednio na stronie.Nazwa dokumentu to też nie jest zadanie znacznika meta. Do tytułu strony używa się elementu title, który również znajduje się w sekcji head. Ten tytuł pojawia się na karcie przeglądarki i często w wynikach wyszukiwania. To typowy błąd myślowy: skoro meta opisuje dokument, to ktoś zakłada, że przechowuje jego nazwę. W praktyce HTML rozdziela te role dość wyraźnie.Blok informacji rozwijanych przez użytkownika to jeszcze inna funkcja interfejsu. W HTML można do tego użyć elementów details i summary albo rozwiązań opartych o JavaScript oraz CSS. Meta nie tworzy żadnego panelu, akordeonu ani ukrytej sekcji widocznej po kliknięciu. Z mojego doświadczenia wynika, że najprościej zapamiętać to tak: meta to informacje o stronie dla przeglądarki, wyszukiwarki i innych systemów, a nie element układu strony. Dlatego w praktycznym kodowaniu warto sprawdzać, czy rzeczy widoczne dla użytkownika są w body, a ustawienia techniczne i opisowe siedzą w head.