Element <meta> w HTML

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

Element <meta> w HTML

Element <meta> służy do umieszczania metadanych dokumentu HTML, czyli informacji o stronie, które nie są bezpośrednio wyświetlane jako treść. Zazwyczaj znajduje się w sekcji <head>.

Najczęstsze poprawne zastosowania

Element <meta> używa określonych zestawów atrybutów. Najważniejsze z nich to:

  • charset — określa kodowanie znaków,
  • name razem z content — definiuje metadane, np. opis strony,
  • http-equiv razem z content — przekazuje informacje podobne do nagłówków HTTP.

Przykłady

<meta charset='UTF-8'>
<meta name='description' content='Strona o zainteresowaniach i hobby'>
<meta name='keywords' content='hobby, zainteresowania, pasje'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>

W pytaniach egzaminacyjnych szczególnie często pojawia się zapis:

<meta name='description' content='Opis strony'>

Jest on poprawny, ponieważ atrybut name określa rodzaj metadanej, a content jej wartość.

Czego unikać?

Niepoprawne są zapisy typu:

<meta background='blue'>
<meta name='!DOCTYPE'>

background nie jest właściwym atrybutem elementu <meta>, a !DOCTYPE nie jest metadanym opisującym stronę — to osobna deklaracja typu dokumentu, zapisywana przed znacznikiem <html>.