HTML – Parametry w sekcji Head. Podstawy HTML.

Damian Grabowski

Znacznik <meta /> stanowi tzw. metainformację, pozwalającą określić pewne ogólne wiadomości, dotyczące dokumentu, m.in. sposób kodowania znaków, opis zawartości strony, jej autora czy język, w którym została napisana. Metainformacje nie wpływają bezpośrednio na wygląd dokumentu, lecz cechy które podają, są równie ważne. Chociaż nie są one wymagane, warto je stosować, ponieważ może to np. pomóc w odszukaniu strony przez wyszukiwarki sieciowe.

 

Deklaracji dokumentu html

<!DOCTYPE html>

HTML lang pl – deklaracja języka w HTML5

Deklaracji języka stosowanego na naszej stronie internetowej dokonujemy za pomocą atrybutu lang elemntu <html>.

<html lang="pl-PL">

Polskie Znaki HTML

<meta charset="UTF-8">


<!DOCTYPE html>
<html lang="pl-PL">
<head>
   <meta charset="UTF-8">

Tytuł strony

<head>
	<title>Tytuł strony</title>
</head>

Opis zawartości strony

<head>
	<meta name="Description" content="Tu podaj opis twojej strony" />
</head>

Wyrazy kluczowe

<head>
	<meta name="Keywords" content="wyraz1, wyraz2, wyraz3..." />
</head>

Odświeżanie strony co x sekund

<head>
<meta http-equiv="refresh" content="x">
</head>

Podpisanie strony przez autora

<head>
<meta name="author" content="John Doe">
</head>

Język strony

<head>
	<meta http-equiv="Content-Language" content="język" />
</head>

Ostatnia modyfikacja

<head>
	<meta http-equiv="Last-Modified" content="data" />
</head>

gdzie jako „data” należy wpisać datę i czas w formacie GMT, np.: „Tue, 20 Aug 1996 14:25:27 GMT„.

Komenda wprowadza informację, kiedy dany dokument był ostatnio zmieniany. Może to być sygnał dla przeglądarki, że trzeba wczytać go ponownie. Polecenie może być wstawione tylko w treści nagłówkowej dokumentu – między znacznikami: <head> oraz </head>.

Utrata Ważności

<head>
	<meta http-equiv="Expires" content="data" />
</head>

Automatyczne wczytanie strony po danym czasie

<head>
	<meta http-equiv="Refresh" content="s; url=Tu podaj adres strony lub ścieżkę dostępu" />
</head>

Narzędzia za pomocą którego zostało stworzona strona

<head>
	<meta name="Generator" content="nazwa edytora" />
        <meta name="Authoring_tool" content="nazwa edytora" />
</head>

Polecenie blokujące zapis strony w  cache przeglądarki

<head>
	<meta http-equiv="Expires" content="0" />
	<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
	<meta http-equiv="Cache-Control" content="post-check=0, pre-check=0" />
	<meta http-equiv="Pragma" content="no-cache" />
</head>

Polecenia wstawione w treści nagłówkowej dokumentu w większości przypadków teoretycznie zabezpieczają stronę przed przechowywaniem w tzw. cache-u przeglądarki, czyli pamięci podręcznej. Cache-owanie polega na zapisywaniu dokumentów HTML, obrazków i innych elementów strony na dysku lokalnym użytkownika podczas pierwszej wizyty. Normalnie, jeśli odwiedzimy taką stronę ponownie, wczyta się dużo szybciej, ponieważ dane zostaną pobrane z dysku twardego, a nie z Internetu. Lecz w pewnych przypadkach możemy chcieć, aby treść dokumentu nie była w ten sposób przechowywana, lecz za każdym razem wczytywana bezpośrednio z Internetu (np. jeśli strona jest często aktualizowana lub nie chcemy by była zapisywana na dysku użytkownika). Wtedy przydatne okazują się te właśnie polecenia.

Ikona strony

<link rel="Shortcut icon" href="adres ikony" />

Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16×16 pikseli.

Ikona strony może się wyświetlić automatycznie, nawet bez potrzeby wstawiania powyższego znacznika, jeśli będzie nosiła nazwę favicon.ico i zostanie zapisana w głównym katalogu na serwerze WWW, czyli np. http://www.example.com/favicon.ico (Internet Explorer, Firefox, Opera 12-).

Link rel stylesheet – pliki CSS

Podpięcie pliku CSS

<link rel="stylesheet" href="css/main.css">

Favicon

<link rel="icon" href="img/favicon.png" type="image/x-icon">