HTML-заголовок - PullRequest
       5

HTML-заголовок

46 голосов
/ 23 июня 2010

Я хочу, чтобы изображение заголовка на странице HTML (т.е. на вкладке вместе с заголовком).Как я могу это сделать?

Ответы [ 7 ]

49 голосов
/ 23 июня 2010

Вам нужен файл favicon.ico.Просто поместите его в корень своего сайта и укажите ссылку на него в заголовке вашей страницы

<head>
    <title>My Site</title>
    <link rel="shortcut icon" href="favicon.ico" />
</head>

Вы должны поместить его в корень своего сайта и назвать его favicon.ico, потому что некоторые браузеры ищут егодаже если вы не ссылаетесь на него на своих страницах.

21 голосов
/ 23 июня 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" />

ГЕНЕРАТОР ФАВИКОНА:

ДИНАМИЧЕСКИЙ ПРИВОД

4 голосов
/ 23 июня 2010

Пожалуйста, добавьте строку, аналогичную этой, в элементах head:

<link rel="shortcut icon" href="/somwhere/icon.ico">

.ico файлы лучше всего работают в старом браузере, но, конечно, вы также можете использовать файлы png и jpeg.

3 голосов
/ 23 июня 2010

Вы хотите установить значок. Вот тег для этого:

<link rel="SHORTCUT ICON" href="favicon.ico" />

Добавьте этот тег к <head />, и он даст указание браузерам сайта загрузить изображение, указанное в разделе href.

1 голос
/ 23 июня 2010

Как добавить Favicon на ваш сайт (W3C):
http://www.w3.org/2005/10/howto-favicon

и вы можете сделать любое изображение избранным с помощью таких онлайн-генераторов, как эти:
http://tools.dynamicdrive.com/favicon/

0 голосов
/ 20 марта 2019

Вы также можете использовать изображение png и сделать его минимум 310x310px для поддержки всех известных устройств. Современный браузер автоматически изменит его размер соответственно.

0 голосов
/ 04 июля 2013

Я только что нашел нужную иконку в сети, щелкните правой кнопкой мыши и выберите «скопировать URL изображения»

<head>
<title>(title)</title>
<link rel="shortcut icon" href="(image URL)"/>
<head>
...