| eMatys |
 Wysłany: Pon 21:28, 05 Gru 2005 Temat postu: Podstawy podstaw - nagłówek |
|
W tym temacie chciałbym pokazać Wam jak poprawnie stworzyć początkowy kod strony, czyli twz nagłówek.
Przykładowy kod: | Kod: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="reply-to" content="ematys@stacjafx.net" />
<meta name="author" content="eMatys" />
<meta http-equiv="Creation-date" content="2005-12-05" />
<meta name="generator" content="eMatys webmaster studio" />
<meta name="content-language" content="pl" />
<meta name="description" content="Opis strony" />
<meta name="keywords" content="Słowa kluczowe" />
<title>Moja pierwsza strona</title>
</head>
<body>
Moja pierwsza strona.
</body>
</html> |
Tak wygląda kod nowej niżej objaśniam każdą linijkę:
| Kod: | | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
- definicja typu dokumentu (w tym wypadku informujemy przeglądarke iż dokument jest zgodny z HTML 4.01)
(rozpoczęcie strony, rozpoczęcie nagłówka)
| Kod: | | <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> |
(kodowanie znaków, w tym przypadku wartość iso-8859-2 to język polski programisty)
| Kod: | | <meta http-equiv="reply-to" content="ematys@stacjafx.net" /> |
(adres kontaktowy z autorem strony)
| Kod: | | <meta name="author" content="eMatys" /> |
(imię autora)
| Kod: | | <meta http-equiv="Creation-date" content="2005-12-05" /> |
(data utworzenia dokumentu)
| Kod: | | <meta name="generator" content="eMatys webmaster studio" /> |
(informacje o programie urzywanym przy budowie strony - ja polecam polski program WEBSITE PRO)
| Kod: | | <meta name="content-language" content="pl" /> |
(informacja o języku w jakim jest zawarta treść)
| Kod: | <meta name="description" content="Opis strony" />
<meta name="keywords" content="Słowa kluczowe" /> |
(jak sama nazwa wskazuje - opis strony- tekst opisujący strone np:
RadioStacja FX :: Strona Główna
:: Nowe wielokanałowe Radio Internetowe :: Club, Mix, Hip-Hop, Rock, Stare Przeboje. ::
www.stacjafx.net/
Słowa kluczowe: opis strony np: RadioStacja FX :: Strona Główna
:: Nowe wielokanałowe Radio Internetowe :: Club, Mix, Hip-Hop, Rock, Stare Przeboje. ::
www.stacjafx.net/)
| Kod: | | <title>Moja pierwsza strona</title> |
(tekst wyświetlający się na górnym pasku np: Moja pierwsza strona - Mozilla Firefox)
(zamknięcie nagłówka, otwarcie ciała - czyli całosci strony)
| Kod: | Moja pierwsza strona.
</body>
</html> |
(kolejno - zawartość strony, zamknięcie ciała, zamknięcie strony).
Dlaczego warto dodawać do strony nagłówek?
Nagłówek na stronie ma kilka ważnych zadań. Jedną z nich jest wczytywanie informacji przez przeglądarkę, aby móc ocenić kto jest autorem dokumentu bądz w jakim systemie znaków jest kodowana. Innym ważnym zadaniem jest informacja dla wyszukiwarek np google, o zawartosci strony (opis strony).
Inne ważne znaczniki załączniki polecenia <head>:
| Cytat: | | <meta http-equiv="refresh" content="0; URL=www.stacjafx.net" /> |
(nakazuje przeglądarce odświerzyć strone po upływie czasu zawartego w [i]content="X; - X ilosc sekund - na adres URL=www.stacjafx.net"
| Kod: | | <base href="www.stacjafx.net" /> |
(podaje adres bazowy strony)
| Kod: | | <link rel="stylesheet" href="theme/stacjafx/style.css" type="text/css"> |
(łączy strone z arkuszem CSS)
| Kod: | | <link REL="shortcut icon" HREF="http://www.stacjafx.net/images/ikona.ico" TYPE="image/x-icon"> |
(wyswietla ikonke obok adresu strony)
Generatory:
http://www.webmaster.net.pl/generatory/naglowek_head.php - generator head
http://www.webmaster.net.pl/generatory/meta_znaczniki.php - generator meta |
|
