Как добавить изображение в заголовок сайта в html
<head>
<title><!--i want to add a picture into the title--></title>
</head>
пожалуйста, помогите мне, ребята, я создаю сайт только с использованием HTML. Я хочу знать, как добавить картинку в заголовок, отображаемый в браузере
Возможный дубликат Добавить изображение в строку заголовка
Возможный дубликат Как добавить изображение в строку заголовка?
Возможный дубликат Создание фавикона
Ответы 4
Заголовок используется для отображения заголовка страницы как текст.
Вы должны использовать приведенный ниже баланс, чтобы отобразить икона с именем logo.png, например:
<link rel = "icon" type = "image/png" href = "logo.png" />
На самом деле вам нужно добавить значок на веб-сайт.
<link rel = "icon">
Simply add the following code to the <head> element:
<link rel = "icon" href = "http://example.com/favicon.png">
То, что вы хотите добавить, на самом деле называется значком. Это крошечное изображение, которое вы хотите добавить рядом с названием своего веб-сайта.
См. Эту статью для получения дополнительной информации о значках: https://www.abeautifulsite.net/what-are-favicons.
Что нужно учесть (взято из статьи)
Наиболее распространенные размеры значков:
- 32x32
- 48x48
- 64x64 -128x128
Вы можете использовать генератор значков, чтобы преобразовать ваше изображение в правильный формат и загрузить его.
Вставьте следующий код в свою голову после загрузки ваших значков и размещения их в каталоге вашего html-сайта.
<link rel = "shortcut icon" href = "favicon.ico" type = "image/x-icon" />
Убедитесь, что вы используете файл значков с размерами, указанными @Joshua. Вставьте следующий код.
<link rel = "icon" href = "....logo.ico?v=2" />Вам нужно будет добавить строку запроса ? v = 2 для принудительного обновления. В противном случае у вас могут возникнуть проблемы с кешем.
Тег заголовка - это элемент HTML, который определяет заголовок веб-страницы. Он используется для краткого и точного описания темы и темы онлайн-документа. Размещение изображений в этом теге невозможно, однако можно добавить значок. Как видно из заголовка stackoverflows.