Favicon HTML
Un favicon este o imagine mică afișată lângă titlul paginii în fila browserului.
Cum Adaugi un Favicon în HTML
Poți folosi orice imagine ca favicon, sau poți crea propriul favicon pe un site precum favicon.cc. Se afișează la stânga titlului paginii, în fila browserului.
Sfat: Un favicon este mic, deci ar trebui să fie o imagine simplă, cu contrast ridicat.
Salvează imaginea favicon-ului (un nume comun este favicon.ico) în directorul rădăcină al serverului tău web, sau într-un folder images de acolo. Apoi adaugă un element <link> în fișierul tău index.html, după <title>. Salvează și reîncarcă pagina, iar fila browserului îți va afișa favicon-ul.
Legătura pentru favicon
O pagină completă care se leagă de un favicon în head.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
Suport pentru Formatul de Fișier Favicon
Toate browserele majore (Edge, Chrome, Firefox, Opera și Safari) suportă imagini favicon în formatele ICO, PNG, GIF, JPEG și SVG.
Rezumatul Capitolului
Pe scurt: folosește elementul HTML <link> pentru a adăuga un favicon.
Tag-ul HTML Link
Tag-ul de aici este <link>, care definește relația dintre un document și o resursă externă.