Tag: <meta>

Opis

Znacznik meta zapewnia metadane dotyczące dokumentu HTML. Metadane to dane (informacje) o danych. Metadane nie będą wyświetlane na stronie, ale można je parsować maszynowo.

Meta elementy są zwykle używane do określenia opisu strony, słów kluczowych, autora dokumentu, ostatniej modyfikacji i innych metadanych. Mogą być używane przez przeglądarki (jak wyświetlać zawartość lub przeładowywać stronę), wyszukiwarki (słowa kluczowe) lub inne usługi sieciowe.

HTML5 wprowadził metodę pozwalającą projektantom przejąć kontrolę nad rzutnią (widoczny obszar strony internetowej użytkownika), poprzez znacznik <meta>.

Uwaga: Tagi <meta> zawsze wchodzą w element <head>.
Metadane są zawsze przekazywane jako pary nazwa / wartość.
Atrybut MUSI zostać zdefiniowany, jeśli zdefiniowana jest nazwa lub atrybut http-equiv. Jeśli żadne z nich nie jest zdefiniowane, atrybut treści NIE MOŻE być zdefiniowany.

Znacznik meta nie ma znacznika końcowego.

Przykład

Zobacz w okienku 'Kod' kolejno definiowane meta-informacje:

Strona kodowa (Unicode)
Odświeżanie (co 30 sek.)
Słowa kluczowe strony
Autor strony
Opis strony
Słowa kluczowe
Rzutnia

Kod:

<head>
  <meta charset="UTF-8">
  <meta http-equiv="refresh" content="30">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="Piotr">
  <meta name="description" content="Ściąga front-endowa">
  <meta name="keywords" content="html, tag, znacznik, ściąga, przykłady">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

Atrybuty

Atrybut	Wartość	Opis
charset	character_set	Określa kodowanie znaków dla dokumentu HTML. Typowe wartości: UTF-8 - dla Unicode Zobacz zestawy znaków na IANA.org
content	text	Podaje wartość powiązaną z atrybutem http-equiv lub name
http-equiv	content-type^[1] default-style^[2] refresh^[3]	Udostępnia nagłówek HTTP dla informacji/wartości atrybutu content: ¹Określa kodowanie znaków dla dokumentu. ²Określa preferowany arkusz stylów do użycia. ³Określa przedział czasu, w którym dokument powinien się odświeżyć.
name	application⁠-⁠name^[1] author^[2] description^[3] generator^[4] keywords^[5] viewport^[6]	Atrybut określa nazwę metadanych. Określa też nazwę informacji / wartości atrybutu content. Uwaga: Jeśli ustawiony jest atrybut http-equiv, atrybut name nie powinien być ustawiony. ¹Określa nazwę aplikacji sieci Web reprezentowanej przez stronę. ²Określa nazwisko autora dokumentu. ³Określa opis strony. ⁴Określa jeden z pakietów oprogramowania używanych do generowania dokumentu (nieużywany na ręcznie tworzonych stronach). ⁵Określa listę słów kluczowych oddzielonych przecinkami - istotnych dla strony (potrzebne wyszukiwarkom do katalogowania stron). ⁶Kontroluje rzutnię (widoczny obszar strony internetowej).

CSS (domyślne ustawienia)

Info: