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

<DOCTYPE! HTML> 
<html> 
<head> 
    <title>Login</title> 
    <link rel="icon" href="favicon.ico" type="image/x-icon"> 
</head> 
<body> 
    some text 

</body> 
</html>

Это код, который я написал для добавления изображения в новую панель вкладок браузера. Но это не работает. Я также использую wamp-сервер, если вампир может вызвать проблемы.Как добавить изображение в строку заголовка с помощью html?

источник

2014-01-03 pro_2911

Согласно wikipedia, самый браузер, совместимый колдовство является:

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

После этого вам просто нужно беспокоиться о том, ваш браузер фактически загрузив значок. Что говорят серверные журналы? Вы проверили консоль отладки сети браузеров?

источник

2014-01-03 09:46:27

Я проверил консоль и браузер не загрузка значка .... Как исправить эту проблему? –

Как сказал @ verbose-mode, очистите кеш и перезагрузите. Если это не ЗАПРЕЩАЕТСЯ, тогда у вас есть ошибка синтаксического разбора в вашем HTML, которая предотвращает его распознавание favicon rel. Если он НЕ НАГРУЖЕН, тогда у вас, вероятно, есть неправильный путь значка. –

W3C говорит:

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD HTML 4.01//EN" 
     "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en-US"> 
<head profile="http://www.w3.org/2005/10/profile"> 
<link rel="icon" 
     type="image/png" 
     href="http://example.com/myicon.png"> 
[…] 
</head> 
[…] 
</html>

http://www.w3.org/2005/10/howto-favicon См

Но имейте в виду: некоторые браузеру нужно некоторое время, чтобы признать, что есть Favicon - попробуйте удалить куки и открыть свой сайт! (И убедитесь, что значок находится на пути :))

источник

2014-01-03 09:48:02 Mirco

В вашем распоряжении у вас заглавные буквы для html.you написал это как ЭТО НЕ ИСПРАВНО !!! ваш браузер не поймет это как html5.

источник

2014-10-19 16:40:20 Matt

Не могли бы вы рассказать об этом? Похоже, в вашем ответе отсутствуют некоторые слова. –

это мило кто-то просто учится –

Используйте следующие

1.) Выберите изображение, которое вы хотите установить в вашем заголовке.
2.) Преобразуйте его в формат «.ico». (Вы можете использовать следующую ссылку в Интернете) http://image.online-convert.com/convert-to-ico
3.) Сохранить файл как «favicon.ico» в той же папке, что и файл .html
4.) Добавить это внутри головы тега <link rel="shortcut icon" href="favicon.ico"/>

источник

2016-05-02 09:13:29

Показать изображение в строке заголовка легко. , выполните следующие действия:

a) сначала сохраните изображение, где-то в папке и названии, например, значке. б), затем используйте ниже линии внутри головки тега зрения HTML

<link rel="icon" type="image/png" href="image_url" />

с) Здесь вы должны знать путь файла, в котором вы сохранили изображение D) сохранить URL изображения вместо image_url e) Сохраните свою работу.

источник

2016-12-16 07:09:52

работает

Добавить это внутри головы тега

<link rel="shortcut icon" href="http://example.com/myicon.png" />

источник

2017-02-14 11:53:48

Попробуйте следующее:

<link rel="icon" type="image/png" href="img/iconimg.png" />

NB: href это каталог вашего примера изображения. Ваше изображение находится в папке с именем «img», а ваше имя изображения «iconimg», и если это png, используйте .png, если это jpg, то .jpg. Не забудьте сделать это в главном файле, а не в теле.

источник

2017-02-16 23:09:58 Priscilla

Попробуйте с этим полным ответом,

<html> 
<head> 
    <link rel="icon" href="Image path" type="image/gif" sizes="16x16"> 
</head> 
<body> 
    Something 
</body> 
</html>

путь изображение -: /images/title_icon.png как этот

Reference -: w3school

источник

2017-10-22 13:04:08 Dev4World

Я просто попытался с этим кодом, и он работал на меня: <link rel="icon" type="image/jpg" href="C:\Users\nrm05\Pictures\logo.jpg" /> Обязательно введите type="image/jpg" для файлов jpg и type="image/png" для файлов PNG. Если вы еще не загрузили изображение, но вы знаете URL изображения, то вы можете ввести его в так: href="image_url"

Надежда это ответил на ваш вопрос :-)

источник

2017-12-12 12:31:03 TacoMannen

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

ответ

Смежные вопросы