ELEMENT HEAD - miejsce na informacje o dokumencie

Poradnik webdesignera

Strona główna
Uwagi ogólne
Błędy
Przykazania
Artykuły
Linki
Słowo od autorki
Email

ELEMENT HEAD – miejsce na informacje o dokumencie

W nagłówku dokumentu (pomiędzy znacznikami <HEAD>...</HEAD>) możemy zamieścić dużo pożytecznych informacji. Należą do nich między innymi: opis zawartości strony, słowa kluczowe, definicję strony kodowej, dane o autorze, wersję językową oraz wiele innych. Informacje te są między innymi wykorzystywane przez wyszukiwarki internetnetowe oraz służą do prawidłowej interpretacji strony przez przeglądarki.

Przykładowo:

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Wszystko o wegetarianiźmie</title>
<meta http-equiv="Content-Language" content="pl">
<meta name="Author" content="Zuzanna Nowak">
<meta name="owner" content=" Zuzanna Nowak">
<meta name="Copyright" content="Copyright (c) 1999 Zuzanna Nowak">
<meta name="description" content="Wegetarianizm – informacje, kuchnia wegetariańska, przepisy, informacje o zdrowym odżywianiu, ">
<meta name="keywords" content=" wegetarianizm, weganizm, wege, wegetarianka, wegetarianin, kuchnia, przepisy kulinarne, gotowanie, warzywo, warzywa, soja, witarianizm, frutarianizm, odżywianie, zdrowa żywność, Zuzanna Nowak">
</HEAD>

Znaczniki elementu HEAD:

TITLE

Składnia: <TITLE></TITLE>
Atrybuty: brak
Znaczenie: Tytuł dokumentu, który jest wyświetlany na górze okna przeglądarki.
Uwagi: Element TITLE jest bezwzględnie wymagany dla każdego dokumentu HTML.

Wolno w nim używać znaków diakrytycznych (np. ą, ę, é) oraz znaków specjalnych (np. & , @, ©) zabronione natomiast są polecenia języka HTML (np. <strong>, <em>).
Ważne jest, by tytuł jak najlepiej oddawał zawartość strony. Zamiast “Strona domowa Jasia” lepiej jest użyć: “Strona z humorem Jasia Fasoli”.

META

Składnia:
<META HTTP-EQUIV=”nazwa_zmiennej” CONTENT=”ciąg_znaków”>

lub <META NAME=”nazwa_zmiennej” CONTENT=”ciąg_znaków”>

Atrybuty: HTTP-EQUIV=”nazwa_zmiennej”|NAME=”nazwa_zmiennej”, CONTENT=”ciąg_znaków”

Znaczniki META służą do zamieszczanie informacji na temat dokumentu HTML przy czym atrybut HTTP-EQUIV definiuje zmienne systemowe, istotne dla przeglądarek, natomiast atrybut NAME - zmienne użytkownika (informacje o dokumencie), wykorzystywane przez wyszukiwarki.

Znaczniki description (opis) i keywords (słowa kluczowe) zostały szczegółowo opisane w odrębnym artykule, więc jedynie przypomnę składnię:

Informacje na temat dokumentu:

<META name="Author" content="Imię Nazwisko"> - tutaj możesz się pochwalić, że jesteś autorem strony...

<META name="Owner" content="twój@adres.email"> - ...oraz jej właścicielem i na jaki adres do Ciebie pisać...

<META name="Language" content="pl"> ...i że jest ona napisana po polsku.

<META name="generator" content="nazwa i wersja programu użytego do generacji dokumentu" – Pozostawienie tego znacznika, automatycznie generowanego przez graficzne edytory stron, nie wygląda profesjonalnie, więc najlepiej usuń tą linijkę z kodu.

Dodatkowe uwagi:

Atrybut “lang”może być używany do określenia jakiego języka użyliśmy w opisie parametrów.

Jeżeli Twoja strona ma kilka wersji językowych możesz kilkakrotnie użyć atrybutu “keywords” oddzielnie dla każdego języka:

<META name="keywords" lang="en-us" content="humor, jokes, joke,....."> - amerykański angielski

<META name="keywords" lang="en" content="humour, jokes, joke,...."> - brytyjski angielski

<META name="keywords" lang="pl" content="humor, dowcipy, kawały"> - język polski

Polecenia dla robota wyszukiwawczego

<META name="robots" content="wartość">. Możliwe wartości:

index – chcesz by dokument został zindeksowany
noindex – nie chcesz by dokument został zindeksowany
follow – wszystkie strony, do których zamieszczasz linki na danej stronie mają zostać zindeksowane
nofollow - wszystkie strony, do których zamieszczasz linki na danej stronie nie mają zostać zindeksowane
all – index + follow
none – noindex + nofollow

Przykład:

<META name="robots" content="index, nofollow"> - jedynie główny dokument ma być zindeksowany

<META name="robots" content="all"> - wszystkie dokumenty mają być zindeksowane

Uwagi:

wartości domyślne dla META name="robots" to index + follow (All)
nie wolno podawać wartości, które się wykluczają

Zmienne systemowe:

czyli określenie zestawu znaków w jakim został napisany dokument – pamiętaj, że ISO-8859-2 (Latin 2) jest jedynym poprawnym standardem kodowania polskich liter

<META http-equiv="Content-Language" content="pl"> - dokument jest napisany po polsku

<META http-equiv="refresh" content="5, http://www.adres.innej.strony"> - za pięć sekund zostaniesz automatycznie przeniesiony pod inny adres. Znacznik ten jest najczęściej stosowany przy stronach startowych lub w wypadku zmiany adresu strony. Ponieważ nie wszystkie przeglądarki obsługują ten mechanizm dobrze jest dodatkowo zamieścić komentarz z odpowiednim docelowym odnośnikiem.

<META http-equiv="Expires" content="Tue, 17 Aug 1999 13:13:13 GMT"> - we wtorek 17 sierpnia 1999 o godzinie 13.13.13 informacje zamieszczone na stronie przestaną być aktualne.

<META http-equiv="refresh" content="wartość"> - wartości:
Public - dokument może się znaleźć w publicznych cache'ach
Private - dokument może się znaleźć tylko w prywatnych cache'ach przeglądarek
no-cache - dokument nie może się znaleźć w żadnych cache'ach
no-store - dokument może się znaleźć w cache'u, lecz nie może być archiwizowany

Można również zablokować cache'owanie dokumentu w następujący sposób:
<META http-equiv ="Pragma" content="no-cache">

Pozostałe znaczniki elementu HEAD

BASE

Składnia: <BASE HREF="URL">
Atrybuty: HREF="URL"
Znaczenie: absolutny adres dokumentu.

Atrybut BASE jest stosowany gdy by poinformować przeglądarki gdzie znajdują się dokumenty wskazywane przez relatywne URL’e.

SCRIPT

Składnia: <SCRIPT> </SCRIPT>
Atrybuty: [LANGUAGE="nazwa_języka_skryptu"]
Znaczenie: zawiera tekst skryptu
Uwagi: Pamiętaj o ukryciu tekstu skryptu przed starszymi przeglądarkami

STYLE

Składnia: <STYLE> </STYLE>
Atrybuty: [TYPE="nazwa"]
Znaczenie: zawiera definicję stylów

LINK

Składnia: <LINK REL=”ciąg_znaków”|REV=”ciąg_znaków” HREF="URL">

Znacznik LINK używany jest do wskazania powiązania pomiędzy dwoma dokumentami. Istnieją dwie możliwe zależności: REL oznacza normalną zależność, REV zależność odwrotną.

Niektóre z możliwych wartości:

REV="made"
Adres mailowy autora dokumentu (HREF="mailto: twój@adres.email")

REL="stylesheet"
Wskazuje na położenie pliku z definicją stylów. Odnośnik ten może być zarówno relatywny jak i bezwzględny.

REL="home"
Wskazuje na położenie strony startowej (głównej) dokumentu

REL="toc"
Wskazuje na położenie dokumentu zawierającego spis treści strony lub opis jej zawartości

REL="index"
Wskazuje na położenie dokumentu zawierającego index strony. (np.: spis dokumentów w kolejności alfabetycznej)

REL="glossary"
Wskazuje na położenie dokumentu zawierającego słownik terminów użytych na stronie

REL="Copyright"
Wskazuje na położenie dokumentu zawierającego informacje na temat praw autorskich do strony

REL="up"
Wskazuje na położenie dokumentu, który jest bezpośrednio wyżej w hierarchii

REL="next"
Wskazuje na położenie dokumentu, który jest następny w hierarchii

REL="help"
Wskazuje na położenie dokumentu zawierającego pomoc

Agnieszka Richter
(październik 1999)

Artykuł został napisany dla Optimus Pascal S.A.

[ Strona główna ] [ Uwagi ogólne ] [ Błędy przy tworzeniu stron ]
[ Przykazania webdesignera ] [ Artykuły ] [ Linki ] [ Słowo od autorki ]