Znacznik <meta> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Znacznik `<meta>` w HTML

Znacznik <meta> służy do umieszczania metadanych strony internetowej, czyli informacji opisujących dokument HTML. Elementy <meta> zapisuje się w sekcji <head>, a nie w widocznej treści strony.

Typowe informacje w `<meta>`

W znacznikach <meta> można podać między innymi:

kodowanie znaków, np. UTF-8,
autora strony,
opis strony dla wyszukiwarek,
słowa kluczowe,
ustawienia widoku na urządzeniach mobilnych,
automatyczne odświeżanie lub przekierowanie przez http-equiv="refresh".

Przykłady

<head>
  <meta charset="UTF-8">
  <meta name="author" content="Jan Kowalski">
  <meta name="description" content="Strona firmowa">
  <meta http-equiv="refresh" content="30">
</head>

Pierwszy zapis określa kodowanie znaków. Drugi podaje autora dokumentu. Trzeci opisuje zawartość strony. Czwarty powoduje automatyczne odświeżenie strony co 30 sekund.

Czego nie zapisuje się w `<meta>`?

W znaczniku <meta> nie określa się typu dokumentu HTML. Do tego służy osobna deklaracja <!DOCTYPE html>, która znajduje się na samym początku pliku HTML, przed znacznikiem <html>.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
</head>
<body>
  Treść strony
</body>
</html>

Na egzaminie warto zapamiętać: autor, kodowanie i odświeżanie mogą być w <meta>, ale typ dokumentu określa DOCTYPE.