Megoldva: html favicon tag

A HTML favicon címkével kapcsolatos fő probléma az, hogy nem minden böngésző támogatja. Például az Internet Explorer nem támogatja a favicon címkét, így ha egy webhely ezt a címkét használja, az IE felhasználói nem fogják látni az ikont. Ezenkívül egyes böngészők további kódot igényelhetnek a favicon megfelelő megjelenítéséhez. Ez zavart és frusztrációt okozhat azokban a felhasználókban, akik arra számítanak, hogy egy felismerhető ikont fognak látni, amikor felkeresnek egy webhelyet.

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

1. Ez a kódsor hivatkozáselemet hoz létre egy külső erőforráshoz, ebben az esetben egy „favicon.ico” nevű fájlhoz.
2. A „rel” attribútum megadja a kapcsolatot az aktuális dokumentum és a hivatkozott erőforrás, jelen esetben egy „parancsikon” között.
3. A „href” attribútum adja meg a hivatkozott erőforrás helyét, amely egy „favicon.ico” nevű fájl.
4. A „type” attribútum a hivatkozott erőforráshoz társított adathordozó típusát adja meg, amely egy kép/x-ikon típus.

Favicon címke

A favicon címke egy HTML-elem, amely egy webhelyet jelképező kis ikon meghatározására szolgál. Általában a böngésző címsorában, az oldal címe mellett és a könyvjelzők listájában jelenik meg. A favicon címkét egy HTML-dokumentum szakaszán belül kell elhelyezni. A favicon címkének két attribútuma van: href és type. A href attribútum határozza meg az ikonfájl helyét, míg a type attribútum a MIME típusát.

Hogyan helyezzük el a favicont a HTML-be

Favicon hozzáadásához egy HTML-oldalhoz, a címke. Az címkét kell elhelyezni a HTML-dokumentum szakaszában, és a következő attribútumokat kell tartalmaznia:

• rel=”parancsikon”
• type=”image/x-icon”
• href=”path/to/favicon.ico”

Például:

...

...

Kapcsolódó hozzászólások:

Írj hozzászólást