HTML Favicon
'n Favicon is 'n klein prentjie wat langs die bladsytitel in die blaaieroortjie vertoon word.
Hoe om 'n gunsteling in HTML by te voeg
Jy kan enige prent wat jy wil gebruik as jou gunsteling-ikon. Jy kan ook jou eie favicon op werwe soos https://favicon.cc skep .
Wenk: 'n Favicon is 'n klein prent, so dit moet 'n eenvoudige prent met hoë kontras wees.
'n Gunstelingprent word aan die linkerkant van die bladsytitel in die blaaieroortjie vertoon, soos volg:
Om 'n gunsteling by jou webwerf te voeg, stoor óf jou gunsteling prent in die wortelgids van jou webbediener, óf skep 'n vouer in die wortelgids genaamd prente, en stoor jou gunsteling prent in hierdie vouer. 'n Algemene naam vir 'n favicon-beeld is "favicon.ico".
Voeg dan 'n <link>element by jou "index.html" lêer, na die <title>element, soos volg:
Voorbeeld
<!DOCTYPE html>
<html>
<head>
<title>My Page
Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Stoor nou die "index.html"-lêer en herlaai dit in jou blaaier. Jou blaaieroortjie behoort nou jou gunsteling-prentjie aan die linkerkant van die bladsytitel te vertoon.
Favicon-lêerformaatondersteuning
Die volgende tabel toon die lêerformaatondersteuning vir 'n favicon-beeld:
| Browser | ICO | PNG | GIF | JPEG | SVG |
|---|---|---|---|---|---|
| Edge | Yes | Yes | Yes | Yes | Yes |
| Chrome | Yes | Yes | Yes | Yes | Yes |
| Firefox | Yes | Yes | Yes | Yes | Yes |
| Opera | Yes | Yes | Yes | Yes | Yes |
| Safari | Yes | Yes | Yes | Yes | Yes |
Hoofstuk Opsomming
- Gebruik die HTML-
<link>element om 'n favicon in te voeg
HTML-skakelmerker
| Tag | Description |
|---|---|
| <link> | Defines the relationship between a document and an external resource |
Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .