Pomoc - Zarządzanie informacją
Spis paragrafów >>Struktura dokumentu – „ Przykładowe czyste kartki” << Powrót
<< Poprzedni Następny >>
86.2. Struktura dokumentu – „ Przykładowe czyste kartki”
Każdy elektroniczny dokument musi posiadać pewną liczbę elementów, aby program odczytujący rozpoznał go, wiedział, w jakim jest napisany języku i poprawnie wyświetlał opisaną w nim zawartość. Jest to pewnego rodzaju szablon „elektronicznej, hipertekstowej, czystej kartki”.
Taki szablon hipertekstowego dokumentu można przedstawić w następujący sposób:
XHTML – [odnośnik do pliku]>>
<?xmlversjon="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Opis zawartości strony" />
<meta name="Keywords" content="Tu omieszczasz wyrazy kluczowe rozdzielone
przecinkami. Dzięki nim wyszukiwarki odnajdą Twoją stronę w sieci." />
<title>Tytuł strony - ćwiczenia z XHTML</title>
</head>
<body>
Tu umieszczasz całą treść strony, widoczną w przeglądarce.
</body>
</html>
HTML – [odnośnikdo pliku]>>
<!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=iso-8859-2">
<meta name="Description" content="Opis zawartości strony">
<meta name="Keywords" content="Tu omieszczasz wyrazy kluczowe rozdzielone
przecinkami. Dzięki nim wyszukiwarki odnajdą Twoją stronę w sieci.">
<title>Tytuł strony - ćwiczenia z HTML</title>
</head>
<body>
Tu umieszczasz całą treść strony, widoczną w przeglądarce.
</body>
</html>
Znaczenie użytych znaczników jest następujące:
-
<html>…</html> między nimi umieszcza się całą zawartość strony. Wszystko, co dotyczy jej treści;
-
<body>…</body> tu wstawiamy treść, to znaczy teksty i obrazy. Wszystko, co widać na ekranie;
-
<head>…</head> to miejsce na informacje o dokumencie, np.:
- tytuł strony <title> Strona Adama Nowaka z Kęsowa</title>,
- opis strony dla wyszukiwarek <meta name="Description" content="Strona prywatna Adama Nowaka z Kęsowa" />,
- kodowanie w ISO-8859-2 (niezbędne do wyświetlenia polskich liter w przeglądarce) <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />. Są też inne sposoby kodowania polskich liter (Windows-1250, Mazovia, UTF-8). Obecnie często odchodzi się od ISO na korzyść UTF-8,
- słowa kluczowe, po których wyszukiwarki będą potrafiły odnaleźć ten do- kument w sieci <meta name="Keywords" content="strona, prywatna, Adam, Nowak, Kęsowo" />.
Uwaga. Opis w nagłówku strony (ang. head, głowa) może być obszerniejszy. Zależy to tylko od założeń jej autora, pomysłu na podstawowy szablon.
Kod źródłowy oglądanej strony możesz zobaczyć i modyfikować w Notatniku. W przeglądarce wybierz Widok > Źródło strony / Strona > Pokaż źródło.
- Przykładowe czyste kartki >>
Kurs XHTML na CD – [odnośnik1]>>
Kurs HTML na CD – [odnośnik2]>>
Odnośniki wskazują pliki na CD ilustrujące przykłady opisane w podręczniku. Dla orientacji umieściliśmy tu także fragmenty kodu, którymi można się posłużyć przy ćwiczeniach.
„Czysta kartka” w XHTML zastosowana w szablonie umieszczonym na CD – [odnośnik do pliku]>>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Author" content="Caesar.pl / 5v.pl/ Informatyka.cwiczenia.net" />
<meta name="Classification" content="Strona prywatna" />
<meta name="Description" content="Opis zawartości strony - strona ćwiczeń" />
<meta name="Keywords" content="Tu omieszczasz wyrazy kluczowe. Dzięki nim
wyszukiwarki odnajdą Twoją stronę w sieci.
- ćwiczenia, WSzPWN, informatka, gimnazjum" />
<title>Tytuł strony - ćwiczenia z XHTML</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="main">
<div id="content">
Tu umieszczasz całą treść strony, widoczną w przeglądarce.
</div>
</div>
</body>
</html>
„Czysta kartka” szablonu przygotowana do wypełnienia –[odnośnik do pliku]>>
<< Powrót [Do góry]