Как добавить изображение в строку заголовка?
У меня есть название - "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 вместо того, чтобы показывать изображение там.
Любая помощь?
Этот метод не будет работать. <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.
вы должны найти, как добавить 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
Вам нужно будет использовать значок для своей страницы.
поместите это в head-tag:
<link rel="shortcut icon" href="/favicon.png" type="image/png">
где favicon.png предпочтительно представляет собой изображение 16x16 png.
Добавьте это в раздел заголовка своего html
<link rel="icon" type="image/gif/png" href="mouse_select_left.png">