Как добавить значок в строку заголовка - PullRequest
Новая
       11

Как добавить значок в строку заголовка

1 голос
/ 13 июня 2019

Я пытаюсь создать веб-приложение, и мне нужно добавить значок в строку заголовка с именем.

Я делаю веб-приложение, используя пустой проект в MVC с включенной веб-формой.Я делаю кодирование с использованием Visual Studio 2017. Я попробовал свой макет, как показано ниже.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/nav.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" type="image/svg" href="~/Content/img/download.png" />
<script src="~/Scripts/layout.js"></script>
<title>@ViewBag.Title</title>
</head>

<body>
<navbar>
    <div class="topnav" id="myTopnav">
        <a href="Home/Index">Home</a>
        <a href="Login/login">Login</a>
        <a href="Payment/Payment"> Payment </a>
        <a href="Register/register">Customer Registration</a>
        <a href="javascript:void(0);" class="icon" onclick="myfunction()">
            <i class="fa fa-bars"></i>
        </a>
    </div>
    <div>
        @RenderBody()
    </div>
</navbar>  
</body>
</html>

Я пытался связать изображение перед заголовком, но оно пошло не так.Поскольку я новичок в MVC, пожалуйста, дайте мне какой-нибудь способ добавить значок в строку заголовка.

Ответы [ 2 ]

0 голосов
/ 13 июня 2019

Проблема заключается в этом коде: 

<link rel="icon" type="image/svg" href="~/Content/img/download.png" />

Вы указываете, что типом является image/svg, в то время как вместо этого image/png.

Убедитесь, что изображение pngсуществует в папке Content/img.

0 голосов
/ 13 июня 2019

То, что вы ищете, называется favicon .Вы можете сгенерировать его из png или любого другого файла, а затем включить его на своей странице следующим образом: 

<link rel="icon" href="/favicon.ico" type="image/x-icon">

Вот генератор favicon (один из многих): https://www.favicon -generator.org /

...