Ciekawe i istotne rozwiązania dla stron www
META-ZNACZNIKI W CZĘŚCI DOKUMENTU WWW-HEAD.TREŚĆ I PRZEZNACZENIE
Strona www,czyli document w rozumieniu DOM, składa się z części niewidocznej w oknie przeglądarki zamkniętej w tagu 'head' oraz części wyświetlanej, zamkniętej w tagu 'body'.Trochę inaczej jest przy zastosowaniu 'frame', ale o tym później. Możemy wyświetlić cały dokument, używając menu kontekstowego, czyli klikając na stronie prawym przyciskiem myszy. W tym menu jest opcja 'Pokaż źródło' w Internet Explorer oraz 'Pokaż źródło strony' w Firefox.
Dlatego nie zawsze muszę pracowicie wypisywać tagi, czy kod javascriptu w tagu <body> </body>, bo trzeba ciagle używać 'character entities',czyli znaków zastępujących w tekscie znaczniki html. Czytelnik zainteresowany danym kawałkiem kodu z łatwością go znajdzie. Powyżej użyłem tagu (elementu)<textarea> </textarea>,by móc wpisać weń tagi bez użycia zamienników. Zwracam uwagę,że używam słowa 'tag' w odniesieniu do pary, w większości przypadków czyli tagu początkowego i końcowego
Sądzę,że ma to sens bo lepiej koresponduje z elementem,stanowiącym część dokumentu w strukturze DOM. Poza tym niektóre znaczniki, np <img src=""> czy <br> nie mają pary,opisuje się je jako puste elementy. Przy okazji:w XHTML, XML i prawdopodobnie przyszłych standardach,wszystkie elementy,także puste muszą być zamknięte, te ostatnie przez dodanie ukośnika:</br>.Lepiej chyba od razu to stosować,jest akceptowane przez przeglądarki.
W 'head' zawieramy ogólne informacje, zwane też meta-informacjami o dokumencie. Dokument to też informacja, czyli meta-informacja to informacja o informacji. Zgodnie ze standardem,w head można umieścić tagi: <base>, <link>, <meta>, <title>, <style>oraz <script>. Poniżej podaję przykłady użycia meta-danych. Głównie są one przeznaczone dla wyszukiwarek i przeglądarek. Opis niekoniecznie musi odpowiadać rzeczywistości. Oprogramowanie ciągle bowiem się rozwija.[W NAWIASACH KWADRATOWYCH ZAZNACZYŁEM META-TAGI ISTOTNE I (NAJPRAWDOPODOBNIEJ) IGNOROWANE PRZEZ PRZEGLĄDARKI ORAZ WYSZUKIWARKI ]. Wydaje mi się,że pogląd o ignorowaniu przez przeglądarki i wyszukiwarki zwłaszcza, części meta tagów, odpowiada rzeczywistości.Trudno uzyskać tylko pewność-jakich.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Określa kodowanie.Jeśli chcemy użyć polskich znaków diakrytycznych, należy wpisać charset jak w przykładzie (utf-8).
<meta http-equiv="expires" content="mon, 27 sep 2010 14:30:00 GMT">[WYKONYWANY ]
<meta http-equiv="pragma" content="no-cache"> Ten tag daje pewność, że Twoja strona nie pozostanie w cache komputerów osób odwiedzających ją. Może być użyteczne, gdy zawartość strony regularnie się zmienia, bo np. strona zawiera wiadomości.[WYKONYWANY]
<meta http-equiv="window-target" content="_top"> Ten zapis blokuje możliwość wyświetlania Twojej strony we frame czyjejś strony.[WYKONYWANY
<meta http-equiv="Set-Cookie" content="ACCOUNT=9983373;path=/; expires=Thursday, 20-May-07 00:15:00 GMT"> Używając ten tzw. 'cookie-tag' można umieszczać tymczasowe ciasteczka,lub ciasteczka z datą ważności.[WYKONYWANY]
<meta http-equiv="pics-label" content="text"> Wpisując ten tag,możesz dodawać opis(value) do swoich obrazków np 'violence','erotic' ,'for all ages' .PICS to skrót od Platform for Internet Content Selection. Jest specyfikacją W3C i początkowo miała służyć rodzicom do kontroli co dzieci oglądają w internecie. Obecnie stanowi platformę do tworzenia programów filtrujących i usług ratingowych.[WYKONYWANY]
<meta http-equiv="refresh" content="20; ,URL=http://..."> Tym tagiem przekierowuje się użytkownika na stronę wskazaną w URL=, w przykładzie po 20 sekundach.
<meta name="robots" content="index, follow"> Google ma indeksować wszystkie twoje strony.[DEFAULT]
<meta name="robots" content="index, no-follow">Google ma indeksować tylko Twoją stronę główną.[WYKONYWANY]
<meta name="robots" content="no-index, follow">Google ma indeksować wszystkie strony prócz strony głównej.[WYKONYWANY]
<meta name="robots" content="no-index, no-follow">Google ma się nie interesować Twoimi stronami.[WYKONYWANY]
<meta name="revisit-after" content="7 days">Google ma wrócić na Twoję stronę po 7 dniachi indeksować ja jeszcze raz.[IGNOROWANY]
<meta name="googlebot" content="noodp">Google ma przedstawiać Twój aktualny 'description'(opis),nie stary z Open Directory Project[?]
<base href="http://..."> Może być adresem strony głównej (domeny)lub strony skąd pobieramy pliki javascript,css,obrazki lub adresem default linków zamieszczonych na stronie. Jeśli zachodzi to ostatnie, można wpisać kolejny meta-tag:<base target="">, który określa gdzie linki maja być otwarte. Może być nadpisany (overriden) przez target attribute użyty dla konkretnego linku.[WYKONYWANY]
<base target="_blank" > Wszystkie linki zostaną otwarte w nowym oknie.
<base target="_parent" > Wszystkie linki zostaną otwarte w parent frameset(HTML 4.01 Frameset).
<base target="_self" > Wszystkie linki zostaną otwarte w ramce (frame) w której zostały kliknięte(HTML 4.01 Frameset).
<base target="_top" > Wszystkie linki zostaną otwarte w body.
<base target="nazwa frame" > Wszystkie linki zostaną otwarte w ramce (frame) o podanej nazwie (HTML 4.01 Frameset).
ISTNIEJE JESZCZE SZEREG META ZNACZNIKÓW OKREŚLANYCH JAKO NIEISTOTNE. UŻYWANIE DUŻEJ LICZBY ZBĘDNYCH META-TAGÓW RACZEJ SZKODZI NIZ POMAGA
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Deklarację !DOCTYPE wpisuje się na samym początku dokumentu. Nie jest to tag HTML,tylko instrukcja dla przeglądarki o wersji zastosowanego HTML. Deklaracja odnosi się do Document Type Definition (DTD).DTD określa zasady dla poszczególnych typów dokumentów HTML ustanowionych przez W3C. Obecnie obowiązują:
HTML 4.01 Strict. Zapis:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Nie zawiera tagów określających styl prezentacji , tagów przeznaczonych do likwidacji (deprecated) oraz framset
HTML 4.01 Transitional. Zapis:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Zawiera wszystkie tagi,także określające styl prezentacji i przeznaczone do likwidacji. Framset(ramki) są zabronione.
HTML 4.01 Frameset. Zapis:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> Zawiera wszystkie tagi jak Transitional oraz zezwala na ramki.
Istnieją też wersje XHTML 1.0 Strict; XHTML 1.0 Transitional; XHTML 1.0 Frameset. Zawierają to samo co wersje HTML, dodatkowo muszą być napisane w prawidłowym XML.
Używanie ramek -'frame' jest raczej odradzane przez fachowców .
Korzystałem z następujących opracowań:
W3 Schools W3Schools Online Web Tutorials
Metatags.info meta tags-the secretof search engines...
Tech-Evangelist Important HTML Meta Tags
