Блог

Главная - Вопросы по программированию - Иметь значок рядом с заголовком страницы с использованием html / ejs

Иметь значок рядом с заголовком страницы с использованием html / ejs

#html #node.js #ejs

#HTML #node.js #ejs

Вопрос:

Я пытаюсь поместить значок рядом с заголовком моей страницы. Я прочитал довольно много статей и подобных вопросов в Интернете, но я все еще не вижу свой маленький значок рядом с заголовком страницы. Я буквально не знаю, что не так с моим кодом.

Среди прочих у меня есть следующие каталоги: 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">

Я ожидал увидеть иконку там, наверху, но до сих пор ее не увидел. Я попытался переместить свой значок.разместите изображение ico в разных каталогах и немного поиграйте с путями. для меня лучше всего, чтобы изображение было в каталоге /data / public /. пока head.ejs находится в каталоге /views/includes/. Изображение размером 16×16, черно-белое. Пробовал и с изображением в формате JPG. Я, вероятно, терплю неудачу, потому что это кажется довольно простым и прямым, но… Любая помощь приветствуется! Я удалю сообщение, если ответ полностью очевиден, и сообщение бесполезно.

Ответ №1:

Предполагая, что ваш значок находится в вашей public папке внутри images папки. Если вы определили свою общую папку, как вы упомянули, с помощью чего-то вроде этого:

 app.use(express.static(path.join(__dirname, 'public')));

тогда вы можете легко отобразить свой значок таким образом:

 <link rel="icon" href="/images/your-icon" type="image/x-icon" />