Включить меню в HTML-файлы

Question

У меня есть веб-сайт, содержащий более 20 страниц, и все они используют одно и то же меню dropdown.В настоящее время каждая страница содержит избыточный HTML-код для меню, поэтому, если я хочу изменить одну вещь в меню, я должен изменить ее для всех страниц.Я использую обычный html/css и некоторые javascript для своего сайта.Есть ли способ разместить мое меню dropdown в одном файле и включить ссылку на этот файл для всех 20 страниц?

Я пытался использовать элемент <embed> для включения меню, но этого не произошлоударь для меня, так как я не могу адекватно выровнять его, так как он оставляет большую пустую область прямо под ним, чтобы допустить опции dropdown.Не уверен, что это лучший способ справиться с этим

Answer 1

Как предложил Кетин Верон в комментарии, операторы PHP include - лучший способ справиться с этим.

Однако, если вы не заинтересованы в написании внутреннего кода, вы можете сделать это с помощью JavaScriptанализируя json или ini-файл / текст в вашем скрипте и конвертируя его в необходимые ссылки в меню.

[Обратите внимание, что для этого вам все равно придется использовать JavaScript]

Если вы даже не предпочитаете использовать JS (не рекомендуется), вы можете использовать iframe в качестве меню навигации

Когда вы это сделаете, добавьте <base target="_parent"> вhead раздел вашего iframe.А затем на всех других страницах добавьте <iframe src="menu.html"></iframe> и замените menu.html на путь к меню.

Надеюсь, это поможет.Тем не менее, обратите внимание, что это просто обходной путь, если вы хотите использовать только технологии веб-интерфейса.

В противном случае используйте <?php include "menu.php";?> для PHP или для узла с EJS, используйте <%include "menu.ejs";%>