Strona główna :: Kurs HTML :: Składnia

Struktura dokumentu HTML

DOCTYPE
Aby tworzony przez nas dokument był poprawny i zgodny ze standardami, musi posiadać w pierwszej linijce deklarację dokumentu, czyli tzw. DOCTYPE. DOCTYPE określa z którego standardu języka korzystamy.

DOCTYPE dla HTML zalecany przez konsorcjum W3C:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

DOCTYPE dla HTML zezwalający na użycie elementów wycofanych w poprzednich wersjach:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

DOCTYPE dla HTML dla stron z ramkami:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

DOCTYPE dla XHTML zalecany przez konsorcjum W3C:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

DOCTYPE dla XHTML zezwalający na użycie elementów wycofanych w poprzednich wersjach:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DOCTYPE dla XHTML dla stron z ramkami:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

DOCTYPE dla XHTML 1.1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Deklaracja XML w dokumencie HTML (powinna się znajdować jeszcze przed DOCTYPE):

<?xml version="1.0" encoding="UTF-8"?>

Sekcje HTML, HEAD i BODY
Każdy dokument HTML powinien posiadać element <HTML>, którego wartością są elementy <HEAD> i <BODY>. Sekcja HEAD zawiera informacje niewidoczne dla internautów (nie wyświetla się w przeglądarce), istotne dla przeglądarki oraz wyszukiwarek internetowych, takie jak tytuł dokumentu (widoczny w pasku adresu przeglądarki):

<title>Tytuł dokumentu</title>

czy deklarację kodowania dokumentu (dla języka polskiego iso-8859-2 lub utf-8 obsługujący o wiele szerszy zakres znaków):

<meta http-equiv="Content-Type"
   content="text/html; charset=utf-8">

Sekcja BODY zawiera wszystko, co jest widoczne dla internautów. Możemy w niej swobodnie umieszczać tytuły, akapity, odnośniki, grafikę i inne.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type"
              content="text/html; charset=utf-8">
        <title>Minimalna struktura dokumentu HTML</title>
    </head>
    <body>
        Witaj świecie!
    </body>
</html>