Jak na to – Přidejte favicon do HTML
Přečtěte si, jak přidat favicon do HTML.
Jak přidat favicon do HTML
Favicon je malý obrázek zobrazený vedle názvu stránky na kartě prohlížeče.
Jako favicon můžete použít jakýkoli obrázek, který se vám líbí. Můžete si také vytvořit vlastní favicon na stránkách jako https://favicon.cc .
Tip: Favicon je malý obrázek, takže by to měl být jednoduchý obrázek s vysokým kontrastem.
Vlevo od názvu stránky na kartě prohlížeče se zobrazí obrázek favicon takto:
Chcete-li přidat favicon na svůj web, buď uložte svůj obrázek favicon do kořenového adresáře svého webového serveru, nebo vytvořte složku v kořenovém adresáři nazvanou obrázky a uložte obrázek své favicon do této složky. Běžný název pro obrázek favicon je „favicon.ico“.
Dále přidejte <link>
do svého souboru „index.html“ prvek za <title>
prvek takto:
Příklad
<!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>
Nyní uložte soubor „index.html“ a znovu jej načtěte do prohlížeče. Karta vašeho prohlížeče by nyní měla zobrazovat váš obrázek favicon vlevo od názvu stránky.