Podstawy podstaw - nagłówek

 
Napisz nowy temat   Odpowiedz do tematu    Forum ^^^^www.programersite.prv.pl^^^^ Strona Główna -> HTML
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
eMatys




Dołączył: 05 Gru 2005
Posty: 22
Przeczytał: 0 tematów

Ostrzeżeń: 0/5
Skąd: Poznań

PostWysł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)
Kod:
<html>
<head>
(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. ::
[link widoczny dla zalogowanych]
Słowa kluczowe: opis strony np: RadioStacja FX :: Strona Główna
:: Nowe wielokanałowe Radio Internetowe :: Club, Mix, Hip-Hop, Rock, Stare Przeboje. ::
[link widoczny dla zalogowanych])
Kod:
<title>Moja pierwsza strona</title>
(tekst wyświetlający się na górnym pasku np: Moja pierwsza strona - Mozilla Firefox)
Kod:
</head>
<body>
(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:
[link widoczny dla zalogowanych] - generator head
[link widoczny dla zalogowanych] - generator meta


Post został pochwalony 0 razy
Powrót do góry
Zobacz profil autora
Wyświetl posty z ostatnich:   
Napisz nowy temat   Odpowiedz do tematu    Forum ^^^^www.programersite.prv.pl^^^^ Strona Główna -> HTML Wszystkie czasy w strefie CET (Europa)
Strona 1 z 1

 
Skocz do:  
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach


Bluetab template design by FF8Jake of FFD
fora.pl - załóż własne forum dyskusyjne za darmo
Powered by phpBB © 2001, 2002 phpBB Group
Regulamin