Struktura dokumentu HTML

Expose.pl - kursy i szkolenia it > Blog > HTML > Struktura dokumentu HTML

Poniżej można przyjżeć się strukturze podstawowego dokumentu HTML 5 wg. specyfikacji W3C.

<!DOCTYPE html>
<html>
 <head>
  <title>Sample page</title>
 </head>
 <body>
  <h1>Sample page</h1>
  <p>This is a <a href="demo.html">simple</a> sample.</p>
  <!-- this is a comment -->
 </body>
</html>

Przeanalizujmy ją linia po linii:

<!DOCTYPE html>

Aby strona była wyświetlana poprawnie w najpopularniejszych przeglądarkach należy w pierwszej linii dokumentu umieścić deklarację typu. Wczesniejsze wersje języka zobowiązywały nas do dokładego określenia jego rodzaju i wersji. Np. HTML 4.0 albo XHTML, a nawet ściezki dostępu do specyfikacji. W HTML5 na szczęście nie musimy tego robić, a taki zapis jaki widać powyżej oznacza, że piszemy w tym właśnie języku. Brak deklaracji typu może spowodować, że w niektórych przeglądarkach strona będzie wyglądem będzie odbiegać od tego co zakladaliśmy.

<html>
</html>

Znaczniki html wyznaczają ramy właściwego dokumentu. Oznaczają, że pomiędzy nimi znajduje się kod tego języka.

<head>
</head>

Jest to sekcja nagłowkowa strony, nie jest widoczna w oknie przeglądarki, ale może zawierać wiele istotnych informacji. Takich jak tytuł (widoczny w zakładce przeglądarki), deklarację strony kodowej, czy też “wstawki” z innych języków.

<body>
</body>

W sekcji body znajduje się jak sama nazwa wskazuje ciało strony, czyli to co jest w rzeczywistości widoczne na ekranie. Właśnie w tej części dokumentu poświęcimy najwięcej czasu.