Я бы хотел, чтобы логотип моих сайтов отображался в области значков заголовка, а не в стандартном белом документе. Точно так же, как переполнение стека.
Как получить заголовок страницы, чтобы иметь значок?
Ответ 1
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
добавьте это к своей HTML-главе. Конечно, файл "favicon.ico" должен существовать. Я думаю, что файлы 16x16 или 32x32 пикселей являются лучшими.
Ответ 2
Это интересный вопрос, поэтому давайте его проверить если у вас есть изображение для использования в качестве значка веб-сайта, то
Добавьте это в свой script
<link rel="icon" type="image/gif" href="animated_favicon1.gif" />
В противном случае, если у вас есть значок значка вашего сайта, вы выбрали
<link rel="shortcut icon" href="favicon.ico" />
Я всегда использую http://www.iconspedia.com/ для большего количества значков
если мой ответ решает вашу проблему, тогда дайте мне голос ОК
Ответ 3
Они называются favicons, и их очень легко сделать/использовать. Прочтите http://www.favicon.com/ для справки.
Ответ 4
Видимо, вы можете использовать этот трюк.
<title>📈 My title</title>
Этот значок - фактически текст.
Ответ 5
<link rel="icon" href="your_icon"/>
Ответ 6
При использовании в ruby rails используйте приведенный ниже код.
Для расчета пути к файлу используется функция asset_path, чтобы найти изображение, которое мы используем внутри кода рельсов, встроенного в <%= code %>
<link rel="icon" type="image/png" href="<%= asset_path('icon_name.jpg')%>">
Ответ 7
Этот код будет вызывающе работать. В комментарии я увидел, что они используют синтаксис ejs, который предназначен не для всех, а только для тех, кто работает с express.js.
<link rel="icon" href="demo_icon.gif" sizes="16x16">
<title> Reddit</title>
Вы также можете добавить PNG и JPG
Опишите мой плейлист YouTube для изучения веб-дизайна, разработки, векторной графики, работы с фотографиями. Я помогу вам как можно скорее, если у вас возникнут проблемы с этими технологиями. Спасибо
Ответ 8
Принятый ответ работает отлично. Я просто хочу упомянуть небольшую проблему с ответом, который дал devXen.
Если вы установите значок так:
<link rel="shortcut icon" type="image/x-icon" href="icon.ico">
Значок будет работать как положено:
Однако, если вы установите его, как devXen предложил:
<title>🧐 Amir A. Shabani</title>
Заголовок страницы перемещается после обновления:
Поэтому я бы посоветовал использовать <link> вместо этого.