Добавить изображение в строке заголовка

Как добавить изображение в строку заголовка?

У меня есть название - "Webnet"

Слияние с изображениями значков FontAwesome Glyphicon как -

<title><i class="icon-user icon-black"></i>Webnet</title>

И я попробовал его заменить с помощью источника изображения -

<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>

Но заголовок показывает innerHTML вместо того, чтобы показывать изображение там.

Любая помощь?

Ответы

Ответ 1

Этот метод не будет работать. <title> поддерживает только обычный текст. Вам нужно будет создать образ .ico с именем файла favicon.ico и сохранить его в корневой папке вашего сайта (где ваша страница по умолчанию).

В качестве альтернативы вы можете сохранить значок, когда захотите, и назовите его, как хотите, но просто вставьте следующий код в раздел <head> своего HTML и укажите свой значок:

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

Вы можете использовать Photoshop (с подключаемым модулем) или GIMP (бесплатно) для создания файла .ico, или вы можете просто использовать IcoFX, что это мой личный фаворит, поскольку он очень прост в использовании и отлично справляется (вы можете получить более старую версию программного обеспечения бесплатно download.com).

Update: Вы также можете использовать ряд онлайн-инструментов для создания значков, таких как ConvertIcon, которые я использовал успешно. В настоящее время доступны и другие бесплатные онлайн-инструменты, которые делают то же самое (доступны для простого поиска Google), но также создают другие значки, такие как значки меню "Пуск" Windows 8/10 и значки приложений iOS.

Ответ 2

вы должны найти, как добавить favicon.ico. Вы можете попробовать добавить favicon.ico прямо на свои html-страницы, например,

<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />

Или вы можете обновить его в webserver. Рекомендуется добавить в свой webserver, поскольку вам не нужно добавлять это на каждую из ваших страниц html (если не считать includes).

Чтобы добавить в свой apache место favicon.ico в корневом директории сайта и добавьте его в httpd.conf

AddType image/x-icon .ico

Ответ 3

Вам нужно будет использовать значок для своей страницы. поместите это в head-tag: <link rel="shortcut icon" href="/favicon.png" type="image/png">

где favicon.png предпочтительно представляет собой изображение 16x16 png.

source: Добавление значка к статической странице HTML

Ответ 4

Добавьте это в раздел заголовка своего html

<link rel="icon" type="image/gif/png" href="mouse_select_left.png">