Ratkaistu: html favicon tag

Suurin HTML-favicon-tunnisteeseen liittyvä ongelma on, että kaikki selaimet eivät tue sitä. Esimerkiksi Internet Explorer ei tue favicon-tunnistetta, joten jos verkkosivusto käyttää tätä tunnistetta, IE:n käyttäjät eivät näe kuvaketta. Lisäksi jotkin selaimet saattavat vaatia lisäkoodia, jotta favicon näkyy oikein. Tämä voi aiheuttaa hämmennystä ja turhautumista käyttäjille, jotka odottavat näkevänsä tunnistettavan kuvakkeen vieraillessaan verkkosivustolla.

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

1. Tämä koodirivi luo linkkielementin ulkoiseen resurssiin, tässä tapauksessa tiedostoon nimeltä "favicon.ico".
2. Attribuutti "rel" määrittää nykyisen asiakirjan ja linkitetyn resurssin välisen suhteen, tässä tapauksessa "pikakuvake".
3. Attribuutti "href" määrittää linkitetyn resurssin sijainnin, joka on "favicon.ico"-niminen tiedosto.
4. Attribuutti "type" määrittää linkitettyyn resurssiin liittyvän mediatyypin, joka on kuva/x-kuvaketyyppi.

Favicon tag

Favicon-tunniste on HTML-elementti, jota käytetään määrittämään pieni kuvake, joka edustaa verkkosivustoa. Se näkyy yleensä selaimen osoitepalkissa, sivun otsikon vieressä ja kirjanmerkkiluettelossa. Favicon-tunniste tulee sijoittaa HTML-dokumentin osan sisään. Favicon-tunnisteella on kaksi attribuuttia: href ja type. Attribuutti href määrittää kuvaketiedoston sijainnin, kun taas type-attribuutti määrittää sen MIME-tyypin.

Kuinka laittaa favicon HTML:ään

Jos haluat lisätä faviconin HTML-sivulle, sinun on käytettävä tag. The -tunniste tulee sijoittaa HTML-dokumentin osioon, ja sen tulee sisältää seuraavat attribuutit:

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

Esimerkiksi:

...

...

Related viestiä:

Jätä kommentti