Elementy nagłówkowe HTML

Więcej przykładów

Tytuł dokumentu
Etykieta <title> definiuje tytuł dokumentu.
Jedna docelowa dla wszystkich linków
Jak użyć etykiety base, aby wszystkie etykiety na stronie otwierały się w nowym oknie.
Opis dokumentu
Użyj elementu <meta> do opisania dokumentu.
Kluczowe słowa dokumentu
Użyj elementu <meta> do zdefiniowania kluczowych słów dokumentu.
Przekierowanie użytkownika
Jak przekierować użytkownika do nowej adresy URL.

Element HTML <head>

Element <head> jest kontenerem dla wszystkich elementów nagłówkowych. Elementy wewnątrz <head> mogą zawierać skrypty, wskazywać, gdzie można znaleźć arkusze stylów, dostarczać metainformacje, itp.

Poniższe tagi można dodać do sekcji head: <title>, <base>, <link>, <meta>, <script> oraz <style>.

Element <title> w HTML

Tag <title> definiuje tytuł dokumentu.

Element title jest obowiązkowy we wszystkich dokumentach HTML/XHTML.

Element title może:

  • Tytuł definiowany w pasku narzędzi przeglądarki
  • Tytuł wyświetlany, gdy strona jest dodawana do zakładek
  • Tytuł strony wyświetlany w wynikach wyszukiwania

Uproszczony dokument HTML:

<!DOCTYPE html>
<html>
<head>
<title>Tytuł dokumentu</title>
</head>
<body>
Zawartość dokumentu......
</body>
</html>

Element <base> w HTML

Tag <base> określa domyślny adres lub cel (target) dla wszystkich linków na stronie:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

Element <link> w HTML

Tag <link> definiuje relację między dokumentem a zewnętrznymi zasobami.

Tag <link> jest najczęściej używany do łączenia plików stylów:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

Element <style> w HTML

Tag <style> jest używany do definiowania informacji o stylach dokumentu HTML.

Możesz określić style elementów HTML wewnątrz elementu style:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

Element <meta> w HTML

Metadane (metadata) to informacje o danych.

Tag <meta> dostarcza informacji o metadanych dokumentu HTML. Metadane nie są wyświetlane na stronie, ale są czytelne dla maszyn.

Typowe przypadki obejmują użycie elementu meta do określenia opisu strony, słów kluczowych, autora dokumentu, daty ostatniej modyfikacji oraz innych metadanych.

Tag <meta> zawsze znajduje się w elemencie <head>.

Metadane można używać w przeglądarkach (jak wyświetlać zawartość lub przeładowywać stronę), wyszukiwarkach (słowa kluczowe) lub innych usługach internetowych.

Słowa kluczowe dla wyszukiwarek

Niektóre wyszukiwarki będą używać atrybutów name i content elementu meta do indeksowania Twojej strony.

Poniższy element meta definiuje opis strony:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

Poniższy element meta definiuje słowa kluczowe strony:

<meta name="keywords" content="HTML, CSS, XML" />

Atrybuty name i content mają na celu opisanie zawartości strony.

Element <script> HTML

Tag <script> jest używany do definiowania skryptów klienta, takich jak JavaScript.

Omówimy element script w dalszych rozdziałach.

Elementy nagłówkowe HTML

Tag Opis
<head> Definiowanie informacji o dokumencie.
<title> Definiowanie tytułu dokumentu.
<base> Definiowanie domyślnej adresu lub celu dla wszystkich linków na stronie.
<link> Definiowanie relacji dokumentu z zasobami zewnętrznymi.
<meta> Definiowanie metadanych dokumentu HTML.
<script> Definiowanie skryptów klienta.
<style> Definiowanie stylów dokumentu.