Struktura HTML
Struktura dokumentu HTML
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html lang=”pl”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Tytuł strony</title>
</head>
<body>
…
</body>
</html>
Znacznik DOCTYPE
Definicja typu dokumentu (z ang. Document Type Definition, DTD) - znacznik określający typ dla takich dokumentów jak np. HTML, XHTML, XML i definiujący prawidłową strukturę tegoż dokumentu wraz z listą dopuszczalnych elementów i ich atrybutów. Obecnie dostępnych jest wiele takich typów, a najważniejsze z nich to HTML 4.01 Strict, HTML 4.01 Transitional, HTML 4.01 Frameset. Pierwszy z nich posiada najwęższy wachlarz dozwolonych elementów, niedozowlone w takim trybie pracy jest użycie ramek, a także tzw. elementów przestarzałych. Druga jak i trzecia są rozszerzeniem pierwszej, dialekt przejściowy dopuszcza dodatkowo znaczniki uznane za przestarzałe, z kolei ramkowy pozwala zarówno na użycie wycofanych elementów jak i użycie ramek.
Tryb Quirks Mode
Jeśli w dokumencie brakuje znacznika DOCTYPE lub jest on niepoprawny większość przeglądarek internetowych zinterpretuje stronę w tzw. trybie dziwactw korzystając z przestarzałych konstrukcji językowych, zgodnych ze starszymi przeglądarkami. Brak znacznika DOCTYPE jest traktowany jako błąd a praca w trybie Quirks nie jest zalecana choćby ze względu na różnice w ustalaniu relatywnych wielkości czcionek, szerokości oraz położenia elementów języka HTML.
Znacznik HTML
Znacznik <html> definiuje początek, znacznik </html> koniec dokumentu HTML, zaś między nimi powinny być zawarte wszystkie pozostałe elementy, zarówno widoczne dla odwiedzających stronę jak i te niewyświetlane przez przeglądarki.
Atrybut lang zawarty w wyżej wymienionym przykładzie nie jest obowiązkowy, korzystając z niego możemy określić język danej witryny lub jej fragmentu. Pomaga to robotom wyszukiwarek internetowych (takich jak np. Google, Yahoo) określić formatowanie strony oraz dobrać odpowiednie technologie do czytania jej zawartości.
Nagłówek strony
Nagłówek strony jest tym co mieści się między znacznikami <head> oraz </head>. W większości, tzn. poza tytułem, zawiera informacje o stronie, które nie są wyświetlane przez przeglądarki internetowe. W podanym wyżej przydzładzie kod nagłówka strony został ograniczony jedynie do niezbędnych elementów, tj. tytułu strony oraz użytego na stronie kodowania znaków, dostępne są także inne elementy, które zostaną także wkrótce opisane.
Tytuł strony jest ograniczony znacznikami title, z drugiej strony jest tym co widzimy na górnym pasku naszej przeglądarki i także tym co będzie identyfikowało w pewien sposób naszą stronę w indeksie wyników, tj. w zbiorze wyników wyszukiwarek internetowych.
Dzięki wyrażeniu text/html; przeglądarka wie, że jest to strona HTML i tak należy ją zinterpretować. Natomiast UTF-8 określa zestaw znaków użytych na stronie, na chwilę obecną, że jest to zestaw polecany, umożliwiający poprawne wyświetlanie polskich znaków na wszystkich wiodących systemach operacyjnych. Innymi dostępnymi kodowanymi z możliwością wyświetlania polskich znaków są windowsowe kodowanie windows-1250 lansowane przez Microsoft oraz iso-8859-2 uznane przez Międzynarodową Organizację Normalizacyjną ISO.
Treść strony internetowej
Cała treść naszego dokumentu, powinna się znajdować pomiędzy znacznikiem otwierającym <body> oraz zamykającym </body>, jednak warto tutaj zaznaczyć, że nie powinien on zawierać czystego tekstu, tzn. jeżeli chcemy umieścić dowolny tekst na naszej stronie internetowej należy wstawić go w któryś z dostępnych znaczników języka HTML, takimi są np. div, h1, p czy inne.