Не могу добавить фавикон через php include
Я пытаюсь добавить фавикон, он работает, но не в том случае, если я использую include для включения моего заголовка в код.
Я пытался всеми способами добавить значок. Также, если я помещу его в основной код, он отлично работает. Я пытался жестко связать фавикон тоже не работал
Так это главная страница
<!DOCTYPE html>
<!--Head-->
<head>
<title>Accueil</title>
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<link rel = "stylesheet" type = "text/css" href = "CSS/header-style.css">
<link rel = "stylesheet" type = "text/css" href = "CSS/style.css">
<link rel = "stylesheet" type = "text/css" href = "CSS/footer-style.css">
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src = "myscripts.js"></script>
<!--bootstrap-->
<link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/css/bootstrap.min.css" integrity = "sha384-PDle/QlgIONtM1aqA2Qemk5gPOE7wFq8+Em+G/h$
<script src = "https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity = "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin = "$
<script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity = "sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF8$
<script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/js/bootstrap.min.js" integrity = "sha384-7aThvCh9TypR7fIc2HV4O/nFMVCBwyIUKL8XCtKE+8xgCgl/PQGuFsvSh$
</head>
<!--body-->
<body>
<!-- HEADER -->
<?php
include 'inc/pages/header.php';
?>
<!-- SLIDER -->
<article class = "slider">
<div id = "CarouselIndicatorsPictures" class = "carousel slide" data-ride = "carousel">
<ol class = "carousel-indicators">
<li data-target = "#CarouselIndicatorsPictures" data-slide-to = "0" class = "active"></li>
<li data-target = "#CarouselIndicatorsPictures" data-slide-to = "1"></li>
<li data-target = "#CarouselIndicatorsPictures" data-slide-to = "2"></li>
</ol>
<div class = "carousel-inner">
<div class = "carousel-item active">
<img class = "carousel-item-img img-fluid center-block" src = "inc/img/img1.jpg" alt = "First slide">
</div>
<div class = "carousel-item">
<img class = "carousel-item-img img-fluid center-block" src = "inc/img/img1.jpg" alt = "Second slide">
</div>
<div class = "carousel-item">
<img class = "carousel-item-img img-fluid center-block" src = "inc/img/img1.jpg" alt = "Third slide">
</div>
</div>
</div>
</article>
<!-- NEWSLETTER -->
<article class = "newsletter">
<h4>Notre newsletter</h4>
<p>Tu aimerais être tenu au courant de nos nouveauté ? Ne plus jamais rater nos soldes ? Avoir des réductions exclusive ?</p>
<p>Alors inscris-toi vite à notre newsletter !</p>
<form action = "#" method = "post" id = "formNewsletter" class = "row justify-content-center">
<input type = "email" class = "form-control" name = "newsletter" placeholder = "Inscris-toi et ne laisse plus jamais passer nos supers offres !">
<button type = "submit" class = "btn btn-info btn-arrow-right">Envoyer</button>
</article>
<!-- FOOTER -->
<?php
include 'inc/pages/footer.php';
?>
</body>
</html>
Это заголовочный файл (немного укороченный)
<header>
<link rel = "shortcut icon" href = "favicon.ico">
<div class = "row">
<div class = "col">
<form class = "form-inline form-search">
<input class = "form-control mr-sm-2 search-btn" type = "search" placeholder = "Chercher..." aria-label = "Search">
<button class = "btn btn-outline-success my-2 my-sm-0 search-button" type = "submit">Chercher</button>
</form>
<a href = "Accueil.php" class = "img-header-smallscreen"><img src = "inc/img/logo.png" alt = "logo" height = "50px" width = "70px"/></a>
</div>
<div class = "col icon-bar">
<a href = "loremipsum.php"><i class = "fa fa-info"></i></a>
<a href = "moncompte.php"><i class = "fa fa-user"></i></a>
<a class = "active" href = "#"><i class = "fa fa-heart"></i></a>
<a href = "MyCart.php"><i class = "fa fa-cart-plus"></i></a>
</div>
</div>
</header>
Это много кода, я знаю, что огромная часть не очень важна.
Я просто хочу, чтобы он показывал значок.
присутствует ли html-код (тот, который включен в файл php) после загрузки страницы?
@poli во-вторых, путь неверен, потому что в заголовочном файле ваш каталог — «inc/pages/header.php»; но я думаю, что favicon находится в корневом каталоге
Тег <link> для фавикона должен быть внутри тега <head>.
я вижу, что это невозможно использовать в заголовке
Ваш загрузочный код обрезан ... это была авария вырезания и вставки или эти теги искажены?
Ответы 2
Фавикон относится к разделу head, ваш — к header
я вижу, поэтому я не могу использовать его в заголовке?
Нет, тег <head> предназначен для всего содержимого, которое вы хотите определить и которое не отображается в теле страницы (скрипты, стили, набор символов, значок значка и т. д.). Новый тег HTML5 <header> предназначен для визуального группирования контента в теле, которое определяет «заголовок» вашей страницы.
@Poli Вы можете попробовать добавить это динамически с помощью JS, см. этот ответ: stackoverflow.com/a/260876/5144943
Поместите этот значок внутри тега. Вот так:
<head><link rel = "shortcut icon" href = "favicon.ico"></head>
У него уже 1 <head> , 2 головы на одном документе недействительны
Я знаю, что это только образец. он должен скопировать свой тег <link rel = "shortcut icon" href = "favicon.ico"> в код заголовка
Вам нужно добавить раздел заголовка, если вы добавите раздел заголовка, тогда отображается значок значка