El principal problema relacionat amb les icones de pàgines HTML és que sovint no estan optimitzades correctament per a l'ús web. Això pot provocar temps de càrrega lents, ja que el navegador ha de descarregar tot el fitxer d'icones abans que es pugui mostrar. A més, si la icona és massa gran o en un format no compatible, és possible que no es mostri correctament a tots els navegadors i dispositius. Finalment, si la icona de la pàgina HTML no està correctament optimitzada per als estàndards d'accessibilitat, pot ser difícil o impossible que els usuaris amb discapacitat accedeixin al seu contingut.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Aquesta línia de codi crea un enllaç a un recurs extern, concretament un fitxer d'icones.
2. L'atribut “rel” especifica la relació entre el document actual i el recurs enllaçat, en aquest cas una “icona de drecera”.
3. L'atribut “href” especifica la ubicació del recurs enllaçat, que és un fitxer anomenat “favicon.ico”.
4. L'atribut "type" especifica el tipus de suport al qual s'enllaça, que és una imatge amb un format d'icona x.
Què és una icona de pàgina
Una icona de pàgina en HTML és una imatge que s'utilitza per representar un lloc web o una pàgina web. Normalment es mostra a la pestanya del navegador, a la barra d'adreces i a la llista d'adreces d'interès. Les icones de pàgina també es coneixen com a favicons, que significa "icona preferida". Normalment són petits (16×16 píxels) i poden ser estàtics o animats.
Diferent entre favicon i icona
Un favicon és una petita icona que apareix a la pestanya del navegador d'un lloc web. Normalment s'utilitza per representar el lloc web o la marca i es pot veure a la barra d'adreces, a les adreces d'interès i a les pestanyes. Una icona és una imatge que s'utilitza per representar una acció o idea. Les icones s'utilitzen sovint com a representacions gràfiques d'elements de menú, botons i enllaços dins d'un lloc web o aplicació.
Com afegir una icona de pestanya del navegador per a un lloc web
Afegir una icona de pestanya del navegador per a un lloc web en HTML és un procés senzill. Tot el que heu de fer és afegir el codi següent a la secció del vostre document HTML:
Substituïu [path/filename.extension] pel camí i el nom del fitxer de la vostra icona de la imatge, i substituïu [filetype] pel tipus de fitxer de la vostra imatge (p. ex., png, jpg, etc.). Per exemple:
Aquest codi mostrarà una icona a la pestanya del navegador del vostre lloc web quan sigui visitat pels usuaris.
