Я хочу иметь изображение в заголовке на HTML-странице (то есть на вкладке вместе с заголовком). Как я могу это сделать?
HTML-заголовок изображения
comment
Вы имеете в виду это ?: en.wikipedia.org/wiki/Favicon
- person David schedule 23.06.2010
comment
Вы найдете дополнительную информацию о значке с ответами на этот вопрос: stackoverflow.com/questions/2912708/
- person FelipeAls schedule 23.06.2010
comment
Возможный дубликат добавления значка на статическую HTML-страницу
- person TylerH schedule 17.08.2016
Ответы (7)
Вам нужен файл favicon.ico. Просто поместите его в корень своего сайта и сделайте ссылку на него в заголовке своей страницы.
<head>
<title>My Site</title>
<link rel="shortcut icon" href="favicon.ico" />
</head>
Вы должны поместить его в корень своего сайта и назвать favicon.ico, потому что некоторые браузеры ищут его, даже если вы не ссылаетесь на него на своих страницах.
person
Ed B
schedule
23.06.2010
Для кроссбраузерной совместимости необходимы две строки для favicon:
TITLE
<title>PAGE TITLE HERE</title>
FAVICON
<link rel="SHORTCUT ICON" href="http://domain and path/favicon.ico" />
<link rel="icon" href="http://domain and path/favicon.ico" type="image/ico" />
FAVICON GENERATOR:
person
Zuul
schedule
23.06.2010
Генератор значков больше не существует
- person Jon Onstott; 21.01.2018
Пожалуйста, добавьте строку, подобную этой, внутри элементов заголовка:
<link rel="shortcut icon" href="/somwhere/icon.ico">
Файлы .ico лучше всего работают в старых браузерах, но, конечно, вы также можете использовать файлы png и jpeg.
person
Hendrik Brummermann
schedule
23.06.2010
Вы хотите установить значок. Вот тег для этого:
<link rel="SHORTCUT ICON" href="favicon.ico" />
Добавьте этот тег в свой <head />, и он даст указание браузерам сайта загрузить изображение, указанное в href.
person
JD Courtoy
schedule
23.06.2010
Как добавить значок на свой сайт (W3C):
http://www.w3.org/2005/10/howto-favicon
и вы можете сделать любое изображение значком с помощью онлайн-генераторов, подобных этим:
http://tools.dynamicdrive.com/favicon/
person
T.T.T.
schedule
23.06.2010
Генератор значков больше не существует
- person Jon Onstott; 21.01.2018
Вы также можете использовать png изображение и сделать его размером не менее 310x310 пикселей для поддержки всех известных устройств. Современный браузер автоматически изменит его размер.
person
stardust4891
schedule
20.03.2019
Я только что нашел нужный значок в Интернете, щелкните правой кнопкой мыши и выберите «Копировать URL-адрес изображения»
<head>
<title>(title)</title>
<link rel="shortcut icon" href="(image URL)"/>
<head>
person
MineForge
schedule
04.07.2013
Пользователь спрашивал, как установить значок, а не как узнать URL-адрес конкретного изображения.
- person eggy; 04.07.2013
Ссылки на чье-то изображение ненадежны. На некоторых сайтах есть инструменты для предотвращения хотлинкинга. И если это изображение будет удалено, ваше фавико пропадет.
- person Eric Burdo; 20.06.2019
