Как указано Абольфазл Гаеми :
Вы НЕ должны использовать javascript, чтобы включить свое меню. Вы можете использовать PHP, чтобы просто включить ваш файл меню (но я предлагаю заголовок) на свою страницу:
<?php include('/template/header.html'); ?>
Gulp / Grunt решение в порядке, но я остановлюсь на решении <?php include(); ?> для вашей проблемы.
Говорит ли хост-машина PHP?
Если браузеры могут читать HTML, то просто отлично, чтобы дать Вы веб-страница, они не могут читать PHP. Вместо этого PHP должно быть выполнено чем-то на хост-машине, и вам потребуется интерпретатор PHP для этого, например Apache.
Если вы этого еще не сделали, Я настоятельно рекомендую вам установить или даже полный AMP стек .
PHP в HTML файлах не будет работать
Вы должны убедиться, что ваш файл, используя инструкции PHP, является .php файлами. В противном случае код в вашем теге <?php ?> (код PHP) вообще не будет интерпретироваться.
Убедитесь, что ваш основной файл является файлом .php.
Вы вызываете правильный файл?
Кроме того, вы должны убедиться, что имя файла, которое вы включаете, является правильным. Содержание, как показано в вашем вопросе:
Основной файл
<?php include('index.html'); ?>
, но ваш файл на самом деле index.php не index.html.
HTML красивее с CSS
Если вы хотите «выделить» элемент с классом active, вам понадобится CSS. Вы можете быстро добавить CSS в свой файл с помощью тега <style>. Смотрите пример ниже.
<ul>
<li>Not highlighted</li>
<li>Still not highlighted</li>
<li class="active">Highlighted ! Spotlight's on me baby !</li>
<li>Not highlighted</li>
</ul>
<style>
.active {
color: red;
font-weight: bold;
}
</style>