HTML-lehtede ikoonidega seotud peamine probleem on see, et need pole sageli veebikasutamiseks korralikult optimeeritud. See võib kaasa tuua aeglase laadimisaja, kuna brauser peab enne kuvamist kogu ikoonifaili alla laadima. Lisaks, kui ikoon on liiga suur või toetamata vormingus, ei pruugita seda kõigis brauserites ja seadmetes õigesti kuvada. Lõpuks, kui HTML-lehe ikoon pole juurdepääsetavuse standarditele korralikult optimeeritud, võib puuetega kasutajatel olla selle sisule juurdepääs keeruline või võimatu.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. See koodirida loob lingi välisele ressursile, täpsemalt ikoonifailile.
2. Atribuut “rel” määrab praeguse dokumendi ja lingitud ressursi, antud juhul “otseteeikooni” vahelise suhte.
3. Atribuut “href” määrab lingitud ressursi asukoha, milleks on fail nimega “favicon.ico”.
4. Atribuut “type” määrab lingitava meediumi tüübi, milleks on x-ikooni vormingus pilt.
Mis on lehe ikoon
Lehe ikoon HTML-is on pilt, mida kasutatakse veebisaidi või veebilehe tähistamiseks. Tavaliselt kuvatakse see brauseri vahekaardil, aadressiribal ja järjehoidjate loendis. Lehekülje ikoone nimetatakse ka lemmikuteks, mis tähistab "lemmikikooni". Need on tavaliselt väikesed (16 × 16 pikslit) ja võivad olla kas staatilised või animeeritud.
Faviconi ja ikooni erinevus
Favicon on väike ikoon, mis kuvatakse veebisaidi brauseri vahekaardil. Tavaliselt kasutatakse seda veebisaidi või kaubamärgi esindamiseks ning seda saab näha aadressiribal, järjehoidjatel ja vahekaartidel. Ikoon on pilt, mida kasutatakse tegevuse või idee tähistamiseks. Ikoone kasutatakse sageli veebisaidi või rakenduse menüüelementide, nuppude ja linkide graafiliste kujutistena.
Kuidas lisada veebisaidile brauseri vahekaardi ikooni
Veebisaidi brauseri vahekaardi ikooni lisamine HTML-i on lihtne protsess. Kõik, mida pead tegema, on lisada oma HTML-dokumendi jaotisesse järgmine kood:
Asendage [path/filename.extension] oma ikoonipildi tee ja failinimega ning [failitüüp] oma pildi failitüübiga (nt png, jpg jne). Näiteks:
See kood kuvab teie veebisaidi brauseri vahekaardil ikooni, kui kasutajad seda külastavad.
