Jak TO — dodać favicon w HTML
Dowiedz się, jak dodać favicon w HTML.
Jak dodać favicon w HTML
Favikona to mały obrazek wyświetlany obok tytułu strony w zakładce przeglądarki.
Jako favicon możesz użyć dowolnego obrazu. Możesz także stworzyć własną favicon na stronach takich jak https://favicon.cc .
Wskazówka: favikona to mały obraz, więc powinien to być prosty obraz o wysokim kontraście.
Obraz favicon jest wyświetlany po lewej stronie tytułu strony na karcie przeglądarki, w następujący sposób:
Aby dodać favicon do swojej witryny, zapisz obraz favicon w katalogu głównym serwera WWW lub utwórz folder w głównym katalogu o nazwie images i zapisz obraz favicon w tym folderze. Popularna nazwa obrazu favicon to „favicon.ico”.
Następnie dodaj <link>
element do swojego pliku „index.html”, po <title>
elemencie, tak jak poniżej:
Przykład
<!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>
Teraz zapisz plik „index.html” i załaduj go ponownie w przeglądarce. Twoja karta przeglądarki powinna teraz wyświetlać obraz favicon po lewej stronie tytułu strony.