Pobierz prezentację
Pobieranie prezentacji. Proszę czekać
1
Aplikacje internetowe
Elementy meta – dodatkowe informacje na temat strony WWW
2
Metainformacje Elementy meta występują w nagłówkach stron WWW, czyli pomiędzy znacznikami <head> oraz </head>. Ich zadaniem jest dostarczenie informacji na temat witryny WWW. Dane ustalane elementami meta są nazywane metainformacjami.
3
Metainformacje Metainformacje nie są wyświetlane przez przeglądarki podczas wizyty na stronie. Ich zadanie polega na dostarczeniu dodatkowych danych na temat dokumentu XHTML. Dane te odgrywają następującą rolę: Ustalają kodowanie znaków Zawierają krótki opis zawartości strony Zawierają nazwisko autora, nazwę wydawcy oraz dane identyfikujące twórców dokumentu Ustalają czas ważności dokumentu i zezwalają (lub nie) na zapisywanie dokumentu w pamięci podręcznej.
4
Deklaracja strony kodowej
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso " /> ..... </head> Polecenie jest deklaracją strony kodowej, czyli sposobu w jaki będą kodowane znaki na naszej stronie WWW. Zamiast charset=iso można wpisać: charset=windows-1250, ale jest to mocno odradzane, ponieważ polecenie takie deklaruje inną stronę kodową, podczas gdy w całym niemal polskim Internecie przyjęto standard kodowania iso
5
Opis zawartości strony
<head> <meta name="Description" content="Tu podaj opis twojej strony" /> </head> Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony!
6
Wyrazy kluczowe <head> <meta name="Keywords" content="wyraz1, wyraz2, wyraz3..." /> </head> gdzie "wyraz1, wyraz2, wyraz3..." oznaczają wyrazy, które należy rozdzielać przecinkami. Można oczywiście podać więcej niż trzy wyrazy (w miejsce kropek). Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala Ci ono podać wyrazy kluczowe, z których korzystają wyszukiwarki sieciowe. Dlatego staraj się tutaj wpisać wyrazy, które jak najlepiej opiszą zawartość Twojej strony. Dobrze dobrane wyrazy kluczowe, pomogą wyszukiwarkom odnaleźć Twoją stronę!
7
Język strony <head> <meta http-equiv="Content-Language" content="język" /> </head> gdzie jako "język" należy podać skrót nazwy wybranego języka. Pozwala ono podać, w jakim języku jest napisana Twoja strona internetowa, np.: pl - polski, en - angielski, de - niemiecki, fr - francuski, it - włoski, es - hiszpański, ru - rosyjski
8
Autor strony Pozwala ono podać informację, kto jest autorem strony.
<head> <meta name="Author" content="Tu wpisz swoje imię i nazwisko" /> </head> Pozwala ono podać informację, kto jest autorem strony.
9
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". Czas w formacie GMT jest określany dla Greenwich (południk "0"). W Polsce strefa czasowa jest przesunięta o +1 godz. (czas zimowy) lub +2 godz. (czas letni). Dlatego w przypadku tworzenia daty GMT, należy odjąć od czasu lokalnego odpowiednio: 1 lub 2 godziny.
10
Utrata ważności <head> <meta http-equiv="Expires" 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 traci ważność. Może to być sygnał dla przeglądarki, że trzeba wczytać go ponownie.
11
Automatyczne odświeżanie strony
<head> <meta http-equiv="Refresh" content="s" /> </head> gdzie jako "s" należy podać liczbę, określającą co jaki przedział czasu (w sekundach) będzie odświeżana strona, czyli ponownie wczytywana. Polecenie to pozwala na automatyczne odświeżanie strony, co pewien określony przedział czasu (podany w sekundach). Nie należy przesadzać z odświeżaniem strony, ponieważ irytuje to użytkowników, a nawet może uniemożliwić czytanie!
12
Automatyczne wczytanie strony
<head> <meta http-equiv="Refresh" content="s; url=Tu podaj adres strony lub ścieżkę dostępu" /> </head> Polecenie to pozwala na automatyczne wczytanie podanej strony. Załadowanie nastąpi po określonym przez nas czasie (podanym w sekundach).
13
Edytor 1. Generator <head> <meta name="Generator" content="nazwa edytora" /> </head> 2. Narzędzie autorskie <meta name="Authoring_tool" content="nazwa edytora" /> gdzie jako "nazwa edytora" można wpisać nazwę programu, przy użyciu którego została stworzona strona. Pozwala określić nazwę edytora (X)HTML, który został wykorzystany do utworzenia dokumentu.
14
Ikona strony <head> <link rel="Shortcut icon" href="adres ikony" /> </head> gdzie jako "adres ikony" należy podać URL, pod którym znajduje się ikona, np.: Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli.
Podobne prezentacje
