подключение header и footer в отдельном файле

932
27 декабря 2017, 19:28

Я вынес header и footer в отдельные файлы, но они не отображаются, может кто подскажет, что я не так делаю?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Главная</title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/tabs.js"></script>
    <script src="js/script.js"></script>
    <link rel="stylesheet" href="css/normalize.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/fonts.css" type="text/css" media="all" />
</head>
<body>
    <div class="allwrapper">
        <!--#include file="header.html" -->
        <div class="middle">

            </div>
            <!--#include file="footer.html" -->
            </div>
        </body>   
        </html>
Answer 1

У Вас главный файл называется, например, main.shtml ? Тогда попробуйте так подключать :

    <!--#include virtual="/.../header.html" -->
    <!--#include virtual="/.../footer.html" -->
Answer 2

Запустил через OpenServer и все стало работать, всем спасибо и извините за такие глупые вопросы.

READ ALSO
Высота в flexbox

Высота в flexbox

Доброго времени суток! Учусь верстать на flexbox'ах и столкнулся с проблемойХотел спросить, возможно ли сделать так как на примере:

218
Bootstrap 4 выравнивание по вертикали блоков

Bootstrap 4 выравнивание по вертикали блоков

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

413