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.