Rešeno: ikona html strani

Zadnja posodobitev: 09/11/2023

Glavna težava, povezana z ikonami strani HTML, je, da pogosto niso ustrezno optimizirane za spletno uporabo. To lahko vodi do počasnega nalaganja, saj mora brskalnik prenesti celotno datoteko ikone, preden jo lahko prikaže. Poleg tega, če je ikona prevelika ali v nepodprtem formatu, morda ne bo pravilno prikazana v vseh brskalnikih in napravah. Nazadnje, če ikona strani HTML ni pravilno optimizirana za standarde dostopnosti, bo uporabnikom s posebnimi potrebami morda težko ali nemogoče dostopati do njene vsebine.

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

1. Ta vrstica kode ustvari povezavo do zunanjega vira, natančneje datoteke ikone.
2. Atribut »rel« določa razmerje med trenutnim dokumentom in povezanim virom, v tem primeru »ikono bližnjice«.
3. Atribut »href« določa lokacijo povezanega vira, ki je datoteka z imenom »favicon.ico«.
4. Atribut »type« določa vrsto medija, na katerega je povezava, to je slika s formatom ikone x.

Kaj je ikona strani

Ikona strani v HTML je slika, ki se uporablja za predstavitev spletne strani ali spletne strani. Običajno je prikazan na zavihku brskalnika, v naslovni vrstici in na seznamu zaznamkov. Ikone strani imenujemo tudi favicons, kar pomeni »priljubljena ikona«. Običajno so majhne (16×16 slikovnih pik) in so lahko statične ali animirane.

Razlika med favikono in ikono

Favicon je majhna ikona, ki se pojavi na zavihku brskalnika spletnega mesta. Običajno se uporablja za predstavitev spletnega mesta ali blagovne znamke in ga je mogoče videti v naslovni vrstici, zaznamkih in zavihkih. Ikona je slika, ki predstavlja dejanje ali idejo. Ikone se pogosto uporabljajo kot grafične predstavitve elementov menija, gumbov in povezav na spletnem mestu ali aplikaciji.

Kako dodati ikono zavihka brskalnika za spletno mesto

Dodajanje ikone zavihka brskalnika za spletno mesto v HTML je preprost postopek. Vse kar morate storiti je, da dodate to kodo v razdelek vašega dokumenta HTML:

Zamenjajte [path/filename.extension] s potjo in imenom datoteke vaše slike ikone, [filetype] pa zamenjajte z vrsto datoteke vaše slike (npr. png, jpg itd.). Na primer:

Ta koda bo prikazala ikono v zavihku brskalnika za vaše spletno mesto, ko ga obiščejo uporabniki.

Podobni objav: