Я хочу иметь изображение на заголовке на странице HTML (на вкладке вместе с заголовком). Как я могу это сделать?
Спасибо, что прочитали.
Я хочу иметь изображение на заголовке на странице HTML (на вкладке вместе с заголовком). Как я могу это сделать?
Спасибо, что прочитали.
Вам нужен файл favicon.ico. Просто поместите его в корень вашего сайта и соединитесь с ним в заголовке своей страницы.
<head>
<title>My Site</title>
<link rel="shortcut icon" href="favicon.ico" />
</head>
Вы должны поместить его в корень своего сайта и называть его favicon.ico, потому что некоторые браузеры ищут его, даже если вы не ссылаетесь на него на своих страницах.
Для совместимости с несколькими браузерами для 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:
Добавьте строку, похожую на нее, в head-elements:
<link rel="shortcut icon" href="/somwhere/icon.ico">
.ico файлы лучше всего работают в старых браузерах, но, конечно же, вы можете использовать файлы png и jpeg.
Вы хотите установить значки. Вот тег для этого:
<link rel="SHORTCUT ICON" href="favicon.ico" />
Добавьте этот тег в свой <head />
, и он проинструктирует браузеры сайта загрузить изображение, указанное в href.
Вы найдете дополнительную информацию о значке с ответами на этот вопрос: Favicon не отображается, мой значок не подходит
Как добавить иконку на свой сайт (W3C):
http://www.w3.org/2005/10/howto-favicon
и вы можете сделать любое изображение значком с онлайн-генераторами, например:
http://tools.dynamicdrive.com/favicon/
Кроме того, из этого предыдущего ответа вы можете найти Dynamic Drive FavIcon Generator очень полезно для создания favicon из файлов GIF, JPG, PNG или BMP.
Я только что нашел значок, который мне нужен онлайн, щелкните правой кнопкой мыши и выберите "URL-адрес копии изображения"
<head>
<title>(title)</title>
<link rel="shortcut icon" href="(image URL)"/>
<head>