2011. november 10., csütörtök

Head és meta...

A mai napon részletesen megnézzük a HTML-kód <head> részét.
A <head> foglalhatja magába a szkripteket, a stíluslapokat vagy azok elérési útvonalát, metaadatokat és sok mást is.
Ebben a leckében a következőkkel fogunk megismerkedni: <title>, <base>, <link>, <meta>.



Kezdjünk is neki:

<title> - segítségével az oldal címsorban található címét adjuk meg. Amit a <title> és </title> közé írunk, az fog megjelenni az oldal címsorában.


<html>
      <head>
             <title>Ez az oldal címe</title>
      </head>
      <body>
      </body>
</html>
Eredmény


<base> - Segítségével megadhatjuk az alapértelmezett elérési útvonalát a képeknek, és a linkek megnyitásának módját. Akkor jó, hogyha minden kép egy mappában van, de nem a *.html fájlunk mappájában. Ha minden linket új oldalon szeretnénk megnyitni, akkor is ezt használjuk.

<head>
       <base href="/képek" />
       <base target="_blank" />
</head>



Ebben az esetben az összes képet a képek mappában keresi (hogyha nem írjuk felül), és minden oldal új ablakban nyílik meg.

<link> - Ez a tag megmondja a dokumentum és a külső, csatolt kód kapcsolatát. Leggyakrabban stíluslapok csatolásához használjuk. Az előző leckében már megnéztük hogyan.

<head>
         <link rel="stylesheet" type="text/css" href="valami.css" />
</head>



És végül nézzük meg a <meta> tag-et kicsit részletesen. Mi is az a metaaadat? Metaadat egy adat az adatról (wikipédia :D). Metaadatban adhatunk meg pl. az oldal karakterkódolását, címkéket (melyek alapján egy kereső megtalálja az oldalt), az oldal készítőjének a nevét...

KARAKTERKÓDOLÁS MEGADÁSA:

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />


A http-equiv segítségével definiálhatjuk a metaadat típusát. A content magadja a metaadat tulajdonságát. A charset segítségével meg a karakterkódolás módját adjuk meg. UTF-8.


OLDAL LEÍRÁSA:

<meta name="description" content="Oldal leírása..." />


Az oldal rövid leírását írhatjuk ide be. Kitöltése ajánlott, hiszen a Google is legtöbbször az ide beírt szöveget írja ki.


KULCSSZAVAK:


<meta name="keywords" content="Kulcsszavak listája vesszővel elválasztva..." />


Megadhatjuk az oldalunkhoz kapcsolódó kulcsszavakat. 


OLDAL SZERZŐJE:


<meta name="author" content="szerző neve" />


OLDAL NYELVE:


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


Nyelvek értékei (kisbetűvel):
AA "Afar"
AB "Abkhazian"
AF "Afrikaans"
AM "Amharic"
AR "Arabic"
AS "Assamese"
AY "Aymara"
AZ "Azerbaijani"
BA "Bashkir"
BE "Byelorussian"
BG "Bulgarian"
BH "Bihari"
BI "Bislama"
BN "Bengali" "Bangla"
BO "Tibetan"
BR "Breton"
CA "Catalan"
CO "Corsican"
CS "Czech"
CY "Welsh"
DA "Danish"
DE "German"
DZ "Bhutani"
EL "Greek"
EN "English" "American"
EO "Esperanto"
ES "Spanish"
ET "Estonian"
EU "Basque"
FA "Persian"
FI "Finnish"
FJ "Fiji"
FO "Faeroese"
FR "French"
FY "Frisian"
GA "Irish"
GD "Gaelic" "Scots Gaelic"
GL "Galician"
GN "Guarani"
GU "Gujarati"
HA "Hausa"
HI "Hindi"
HR "Croatian"
HU "Hungarian"
HY "Armenian"
IA "Interlingua"
IE "Interlingue"
IK "Inupiak"
IN "Indonesian"
IS "Icelandic"
IT "Italian"
IW "Hebrew"
JA "Japanese"
JI "Yiddish"
JW "Javanese"
KA "Georgian"
KK "Kazakh"
KL "Greenlandic"
KM "Cambodian"
KN "Kannada"
KO "Korean"
KS "Kashmiri"
KU "Kurdish"
KY "Kirghiz"
LA "Latin"
LN "Lingala"
LO "Laothian"
LT "Lithuanian"
LV "Latvian" "Lettish"
MG "Malagasy"
MI "Maori"
MK "Macedonian"
ML "Malayalam"
MN "Mongolian"
MO "Moldavian"
MR "Marathi"
MS "Malay"
MT "Maltese"
MY "Burmese"
NA "Nauru"
NE "Nepali"
NL "Dutch"
NO "Norwegian"
OC "Occitan"
OM "Oromo" "Afan"
OR "Oriya"
PA "Punjabi"
PL "Polish"
PS "Pashto" "Pushto"
PT "Portuguese"
QU "Quechua"
RM "Rhaeto-Romance"
RN "Kirundi"
RO "Romanian"
RU "Russian"
RW "Kinyarwanda"
SA "Sanskrit"
SD "Sindhi"
SG "Sangro"
SH "Serbo-Croatian"
SI "Singhalese"
SK "Slovak"
SL "Slovenian"
SM "Samoan"
SN "Shona"
SO "Somali"
SQ "Albanian"
SR "Serbian"
SS "Siswati"
ST "Sesotho"
SU "Sudanese"
SV "Swedish"
SW "Swahili"
TA "Tamil"
TE "Tegulu"
TG "Tajik"
TH "Thai"
TI "Tigrinya"
TK "Turkmen"
TL "Tagalog"
TN "Setswana"
TO "Tonga"
TR "Turkish"
TS "Tsonga"
TT "Tatar"
TW "Twi"
UK "Ukrainian"
UR "Urdu"
UZ "Uzbek"
VI "Vietnamese"
VO "Volapuk"
WO "Wolof"
XH "Xhosa"
YO "Yoruba"
ZH "Chinese"
ZU "Zulu"



Ennyit kell tudnunk a metatagekről. Ezeken kívül persze van még rengeteg, de azokat nekünk még nem kell tudni. A következő leckében kicsit jobban megismerkedünk az URL-lel. Kikerül felülre egy oldal, mely a fenntartott karaktereket tartalmazza.