Pewnie każdy, kto chce zacząć tworzyć własne strony WWW, a nie tylko je podziwiać zadawał sobie pytanie: jak tak naprawdę zbudowana jest witryna internetowa? I słusznie, gdy zaczynamy zabawę z HTML musimy wiedzieć czego chcemy.
Więc każda strona WWW powinna (jako, że spotyka się strony nie przystosowane do standardów) zawierać następujące elementy:
– prolog
– ramy HTML
– ramy HEAD
– znaczniki META i TITLE
– ramy BODY
w praktyce wygląda to tak:
Prolog
| <HTML> <HEAD> znaczniki meta, title </HEAD> <BODY> ciało strony – treść, rysunki</BODY> </HTML> |
Teraz co jest co:
1. Prolog. Najprościej mówiąc odpowiada za poprawne wyświetlenie strony w przeglądarce. Odpowiada za identyfikacje używanej wersji HTML. Obecnie, kiedy najnowszą wersją HTML jest 4.01 powinniśmy użyć kodu:
| <!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN”> |
czyli
<!DOCTYPE HTML PUBLIC „-//organizacja//DTD HTML wersja//język”>
Jako organizację można wstawić IETF (Internet Engineering Task Force) lub W3C (World Wide Web Consortium) – charakteryzuje on, która grupa rozwinęła specyfikację danej wersji. Wersja to np. 2.0, 3.2 Final, 4.0 Draft itd. Język to, w przypadku HTML, EN (język angielski).
W HTML 4.0 można zdefiniować trzy wersje dokumentów. Są to:
a1. Ścisły HTML 4.0 – dokument może zawierać wszystkie elementy, które nie zostały uznane za przestarzałe lub nie zawierają ramek:
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.0//EN”
„
a2.” target=”_blank”>www.w3.org/TR/REC-html40/strict.dtd”>
a2. Przejściowy HTML 4.0 – dokument może zawierać elementy takie jak ścisły 4.0, plus przestarzałe:
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.0 Transitional//EN”
„
a3.” target=”_blank”>www.w3.org/TR/REC-html40/loose.dtd”>
a3. Obsługujący ramki – dokument może zawierać to co przejściowy 4.0, plus ramki:
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.0 Frameset//EN” „
2.” target=”_blank”>www.w3.org/TR/REC-html40/frameset.dtd”>
2. Ramy <HTML></HTML>. Jednym słowem otwarcie szkieletu strony – informacja dla przeglądarki.
3. Ramy <HEAD></HEAD>. To część nagłówkowa strony (informacyjna) . Tu będziemy zamieszczać znaczniki meta i title – niezwykle ważnych elementów w strukturze budowy strony WWW.
4. Znaczniki <META></META> i <TITLE></TITLE>. Znaczniki META są zapisami potrzebnymi do indeksowania naszej strony np. w wyszukiwarkach internetowych, natomiast znacznik TITLE odpowiada za wyświetlenie nazwy strony w pasku tytułowym przeglądarki. Znaczniki MATA opisane są w kolejnym artykule, natomiast wstawienie znaczników TITLE jest bardzo proste. Jak widać na ww. przykładzie znacznik tytułuu strony wstawiamy w ramy HEAD, w postaci:
| <TITLE>Dowolna nazwa strony</TITLE> |
5. Ramy <BODY></BODY>. Tzw. „ciało strony”, jej właściwa część, czyli treść, grafika, obrazki, wszystko, co widzi czytelnik.
Choć spotyka się jeszcze strony, które choć funkcjonują prawidłowo, są źle zbudowane, to jednak zaleca się każdemu stosowanie przedstawionych wyżej norm.
