Struktura dokumentu HTML

Dokument HTML składa się z dwóch sekcji head oraz body, które zawarte są w sekcji html.

 html
 head
 
 body
 

W dokumencie html sekcje określa się przy pomocy znaczników. Większość znaczników posiada dwie komplementarne wersje otwierającą i zamykającą, ale są też znaczniki, które nie posiadają wersji zamykającej - np. znacznik określający typ dokumentu html. Strukturę dokumentu html określamy przy pomocy znaczników otwierających i zamykających w następujący sposób: 

<html>     <!-- początek dokumentu html, znacznik otwierający -->

<head>     <!-- początek sekcji head -->
</head>    <!-- koniec sekcji head -->

<body>     <!-- początek sekcji body -->
</body>    <!-- koniec sekcji body -->

</html>    <!-- koniec dokumentu html, znacznik zamykający -->

Jak widać powyżej sekcje head i body są puste, ale w dokumentach poprawnych pod względem składniowym przynajmniej sekcja head musi być wypełniona odpowiednią zawartością. Aby uzyskać poprawny pod względem składni dokument html musimy jeszcze określić:

  1. Typ dokumentu html
  2. Kodowanie znaków
  3. Znacznik title

Typ dokumentu html, dla przykładu typ HTML 4.01 Transitional określamy przy pomocy znacznika: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

który wstawiamy bezpośrednio przed początkiem dokumentu html. Kodowanie znaków, dla przykładu kodowanie Windows-1250 określamy przy pomocy znacznika: 

<meta http-equiv="content-type" content="text/html; charset=windows-1250">

który warto wstawić na początku sekcji head. Obowiązkowy znacznik title wstawiamy za znacznikiem określającym kodowanie znaków. Najprostszy poprawny pod względem składniowym dokument html może mieć postać: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
</head>
<body>
</body>
</html>

Aby przekonać się o poprawności składniowej powyższego dokumentu html:

  1. Dokładnie zaznacz i skopiuj powyższy kod dokumentu html
  2. Wejdź na stronę Markup Validation Service http://validator.w3.org
  3. Na stronie kliknij na kartę "Validate by Direct Input"
  4. Do okna "Enter the Markup to validate:" wklej kod dokumentu html
  5. Kliknij na przycisk "Check"

Jeśli dokument html został prawidłowo skopiowany i wklejony do okna, to na stronie na zielonym tle pojawi się informacja: 

This document was successfully checked as HTML 4.01 Transitional!

Powyższy prosty dokument html umieszczony jest na serwerze pod adresem: 

http://www.balois.pl/html/dokument.htm

Walidację powyższego dokumentu można też wykonać posługując się adresem tej strony:

  1. Wejdź na stronę Markup Validation Service http://validator.w3.org
  2. Upewnij się, że na stronie zaznaczona jest karta "Validate by URI"
  3. Do paska "Address:" wklej adres http://www.balois.pl/html/dokument.htm
  4. Kliknij na przycisk "Check"

Strona główna