Start (X)HTML Struktura dokumentu - body, head


Designed by:
Peery

Struktura dokumentu - body, head PDF Drukuj Email
Wpisany przez Webmaster   
wtorek, 07 grudnia 2010 11:53

Zaraz po części zwanej prologiem występują dwa najważniejsze elementy strony nagłówek (head) i tzw. ciało strony (body).

 

 

Właściwa część dokumentu HTML zawiera się między znacznikami

<html></html>

Wewnątrz powyższych znaczników zawarte są dwie główne części dokumentu:

Sekcja nagłówkowa, czyli HEAD:

<head></head>

oraz tzw. ciało dokumentu BODY:

<body></body>

Sekcja HEAD
zawiera informacje o dokumencie wykorzystywane głównie przez przeglądarki. W zależności od intencji webmastera może zawierać różne parametry.

Tytuł dokumentu - informacja o stronie wyświetlana w górnym pasku (belce)przeglądarki, tuż za ikoną. Nie należy w tytule używać samych wielkich liter, bądź wpisywać adresów URL, ponieważ wiele wyszukiwarek może zignorować (zbanować) stronę. Zalecany jest krótki tytuł opisujący stronę/podstronę.

<title></title>

Informacje nagłówkowe tzw. meta tagi - przekazują przeglądarce różne parametry dotyczące dokumentu HTML a także ułatwiają wyszukiwarką katalogowanie i indeksowanie strony.

Kodowanie dokumentu:

<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> - standard kodowania polskich znaków
lub
<meta http-equiv="content-type" content="text/html; charset=utf-8"> - standard kodujący wszystkie znaki diakrytyczne, specjalne itd. różnych alfabetów świata

Opis strony - z tego polecenia głównie korzystają wyszukiwarki i katalogi w celu opisania strony (dokumentu) w swoim indeksie. Opis powinien zawierać max. do 250 znaków, ponieważ część wyszukiwarek obcina dłuższe treści.

<meta name ="description" content="treść opisująca stronę">

Wyrazy kluczowe - słowa (hasła) opisujące naszą stronę. Informacja dla wyszukiwarek po jakich słowach użytkownicy mogą znaleźć naszą stronę. Zaleca się do 1000 znaków. Wyrazy nie powinny się powtarzać.

<meta name="keywords" content="kursy programowania, HTML, PHP, Java Script, CSS, SQL">

Język dokumentu - informuje przeglądarkę w jakim języku jest dokument HTML.

<meta http-equiv="content-language" content="pl">

Autor strony - polecenie informujące kto jest autorem strony

<meta name="author" content="imię, nazwisko lub pseudonim">

Nazwa edytora - polecenie informujące w jakim edytorze strona została stworzona (rzadko używane).

<meta name="generator" content="nazwa edytora">

Data ważności dokumentu - polecenie informuje informuje kiedy dokument traci ważność i należy go ponownie pobrać z sieci.

<meta http-equiv="expires" content="Wed, 26 Apr 2001 08:21:57 GMT">

Cache'owanie strony - polecenie informuje czy strona może być cache'owana na lokalnym dysku, czy za każdym razem pobierana z sieci (no-cahce)

<meta http-equiv="pragma" content="no-cache">

Automatyczne przekierowanie - po x sekundach użytkownik zostanie automatycznie przekierowany na inny adres

<meta http-equiv="refresh" content="x; url=http://.../strona.html">

Indeksowanie strony - polecenie jest wskazówką dla indeksów, czy strona i jej pochodne mają być indeksowane. Domyślnie stosowane jest indeksowanie, ale możemy podać dyrektywę, wybierając kombinację index/noindex i follow/nofollow.

<meta name="robots" content="index, nofollow">

Zamiast pisać index, follow, możemy podać all. W miejsce noindex, nofollow możemy użyć none.

Polecenie <link...> - informuje przeglądarkę gdzie znajduje się plik ze stylami (więcej o stylach w dziale CSS)

<link rel="stylesheet" href="http://www.peery.eu/style.css" type="text/css">

Sekcja BODY
główne ciało dokumentu zawierające to co widzi użytkownik (internauta). Znacznik można rozszerzyć o kolor tła strony lub wstawić obrazek, który będzie tłem całej strony. Jednakże odchodzi się od tej opcji na rzecz stylów CSS, o których więcej w kolejnym kursie.

<body style="background-image: url('/../images/tlo.gif'); ">
<body style="background-color: yellow; ">
<body style="color: #400040; "> - kolor czcionki dokumentu

Tags:
 

Przydatne linki