Я пытаюсь поставить значок рядом с заголовком моей страницы. Я прочитал довольно много статей и подобных вопросов в Интернете, но я все еще не вижу свою маленькую иконку рядом с заголовком страницы. Я буквально не знаю, что не так с моим кодом.
У меня есть следующие каталоги: data / public, data / files, public (который включает в себя все мои css-файлы), views (который включает в себя все мои ejs-файлы). Внутри папки / views у меня есть несколько папок и несколько файлов, которые отвечают за мой опыт просмотра при использовании веб-приложения, которое я создаю. Теперь в каталоге / views / includes у меня есть файл с именем head.ejs, который содержит весь мой код head, который я буду использовать практически во всех остальных файлах ejs. так что у меня просто есть файл head.ejs, и я могу включить его в каждый файл ejs, который я хочу. Файл head.ejs выглядит так:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- <link rel="shortcut icon" href="/data/public/boxTitle.jpg" type="image/jpg" /> -->
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title><%= pageTitle %></title>
<link rel="stylesheet" href="/css/main.css">
Я ожидал увидеть иконку там, но все еще не видел ее. Я попытался переместить мое изображение favicon.ico в разные каталоги и немного поиграть с путями. лучше всего для меня, чтобы изображение находилось в каталоге / data / public /. в то время как head.ejs находится в каталоге / views / includes /. Изображение 16x16, черно-белое. Пробовал с изображением jpg тоже. Я, вероятно, терплю неудачу, потому что это кажется довольно простым и понятным, но ... Любая помощь приветствуется! Я удалю пост, если ответ совершенно очевиден и пост бесполезен.