March 19, 2024

HTML gyorstalpaló 22. rész

A META elemek

A HTML dokumentum HEAD részének egyik legfontosabb, de sokak által elhanyagolt elemei az un. META elemek. Hasznosságukra most nem térnék ki, inkább lássuk, milyen META elemekre lehet szükségünk bemutatkozó oldalunk elkészítéséhez?

Kezdjük mindjárt a legegyszerűbbel! Feltüntethetjük például nevünket a dokumentumban:

 

<META name=”Author” content=”Székely Dénes aka webGóbé”>

 

Így a nevünk alapján megtalálhatóak leszünk a keresőprogramok számára. Ami még fontos: ezt – és minden más META-elemet – a dokumentum legelején célszerű elhelyezni. Mielőtt rátérnénk a következő META-elemre, nézzünk egy példát, amely talán érzékelteti annak hasznosságát.

Ugye mindenkivel előfordult már, hogy egy bizonyos témáról keresett információkat? Mi történik ilyenkor? Az ember beírja valamelyik keresőbe a kívánt kulcsszavakat, elküldi – aztán visszakap egy több száz, esetleg ezer elemből álló listát – melynek aztán jó részéről kiderül, hogy semmi köze sincs ahhoz, amire mi kíváncsiak voltuk. Ez azért van, mert a kereső a szövegek tartalmát hasonlítja össze az általunk megadott kulcsszóval – ami természetesen teljesen más szövegkörnyezetben is előfordulhat, mint ahogy azt mi gondoltuk…arról nem is beszélve,hogy mi a garancia arra, hogy különböző nyelvekben nem fordul elő azonos alakú szó?

A következő META-elemek használatával elkerülhetjük, hogy a mi bemutatkozó oldalunk még tovább növelje ezeket a már amúgy is elég terjedelmes listákat.

Tegyük fel, hogy a következő témákkal foglalkozunk bemutatkozó lapjainkon: “HTML, “META”, “HTML tanfolyam”, “META elemek” – ezek ennek az oldalnak a kulcsszavai is.

 

<META name=”keywords” content=”HTML,META,HTML
tanfolyam,META elemek”>

 

Ez hasonlóképpen műkodik, mint a könyvtárak téma szerinti útmutatói: ha ezt beleírjuk bemutatkozó oldunk forrásába, ezentúl az fogja megtalálni azt, aki a “HTML”, “META”, “HTML tanfolyam”, “META elemek” címszavak valamelyikére keres rá.

Mivel a magyar sajnos nem kimondottan világnyelv, kénytelenek vagyunk valamilyen idegen nyelven is elkészíteni bemutatkozó oldalunkat – már amennyiben szeretnénk, hogy minél többen olvashassák azt.

 

<META name=”keywords” content=”HTML,META,HTML
course,META elements”>

 

Ha viszont ezt írjuk be, akkor mi történik kis hazánk fiaival, akik a “HTML tanfolyam” címszóra keresnek rá? Bizony nem találják meg bemutatkozó oldalunkat…Ha pedig egy listában soroljuk fel a kulcsszavakat, akkor megint belebotolhatunk a fent említett nyelvi problémába…

Szerencsére erre is van megoldás. Módositsuk a fenti példákat a következőképpen:

 

<META name=”keywords” lang=”hu” content=”HTML,META,HTML
tanfolyam,META elemek”>
<META name=”keywords” lang=”en” content=”HTML,META,HTML
course,META elements”>

 

A lang szócskával tudatjuk a keresővel, hogy az ott megadott kulcsszó milyen nyelvre vonatkozik. Ezután mind a magyar, mind az angol nyelven keresgélők meg fognak találni minket – mégpedig csak akkor, ha az általuk beállított nyelv megegyezik azzal, amit mi adtunk meg a kulcsszavaknál.

Egy pillantra térjünk vissza az első META-elemhez;a kulcsszavakhoz hasonlóan a szerzőnél is megadhatjuk, milyen nyelven íródott a dokumentum:

 

<META name=”Author” lang=”hu”
content=”Székely Dénes aka webGóbé”>

 

Ha valaki a dokumentumokban keres egy kulcsszavat, a keresőprogram felhasználhatja a nyelvre vonatkozó információt az eredménylista további “szűrésére”. Az eddigi META-elemek a keresők hatékonyságát javították. De vannak más típusú elemek is; lássunk most ezek közül néhányat:

 

<META http-equiv=”Refresh”
content=”3;url=http://www.webgobe.com/”>

 

Ez a sor utasítja a böngészőt,hogy 3 másodperc eltelte után cserélje le az éppen látható oldalt az általunk megadottra. Ez a funkció remekül használható arra, hogy egy bevezető oldalt mutassuk látogatóinknak, amin például egy üdvözlő-ábrát láthatnak – majd pár másodperc elteltével automatikusan átlépjenek a tényleges bemutatkozó oldalunkra. (Ezen a bevezető oldalon azért célszerű egy hagyományos linket is elhelyezni, gondolva azokra, akiknek a böngészője nem támogatja ezt az utasítást.)

 

<META http-equiv=”Expires” content=”Tue, 20 Aug
1996 14:25:27 GMT”>

 

Ezzel az elemmel megadhatjuk a böngészőnek azt a dátumot, amikor az adott dokumentum érvényét veszti. Ezt a böngésző cache-e használhatja annak eldöntésére, aktuális-e még az adott oldal. Ha észreveszi, hogy a lejárati dátum után próbáljuk meg elérni az ilyen bejegyzéssel ellátott dokumentumot, akkor törli az ideiglenes tárolóból, és letölti az éppen aktuális példányt. Így elkerülhetjük például, hogy naponta frissített hírlevelünkből két hetes példányokat olvasgasson valaki…

 

<meta HTTP-EQUIV=”Content-Type”
CONTENT=”text/html; charset=iso-8859-2″>

 

Ennek a parancssornak a végére koncentráljunk: a charset=iso-8859-2 azt jelzi a böngésző számára, hogy az anyag készítője azt akarja, hogy a böngésző közép-európai karakterkészletet használjon. Ez garantálja, hogy ékezetes karaktereink normálisan jelennek meg. Hasonlóan járunk el, ha cirill betűket akarunk, ekkor a 2-es helyett 5-öst kell írnunk..