Лучшая практика для панелей навигации на современных сайтах

Question

, поэтому я действительно изо всех сил пытался найти хороший ответ на этот вопрос ... У меня много html страниц и одна панель навигации. Я хочу включить панель навигации на всех страницах, что было бы полезно для согласованности ... Теперь это идет вразрез со всем, чему я научился, дублируя код html для создания панели навигации.

I Вы видели несколько решений этой проблемы:

• Используйте jQuery до $('nav').load('nav.html'), загрузите код navbar в ваш документ.
• Используйте jQuery до $('#content).load('content.html') загрузите содержимое в ваш документ.
• Используйте iFrames. Нет. (Разве я не должен?).
• Естественные javascript варианты первых двух ...
• Просто напиши все это в javascript и включи в голову ... .

Я использовал первый, но он разрушил структуру моей страницы. Я использовал второй, но у меня много проблем со стилем, так как я понятия не имею, когда скрипты загружаются, если они откладываются в head, вставляются в body, или если они включены в html загружаемая страница и т. Д. c.

У меня вопрос ... Каков наилучший способ включить согласованную панель навигации на всех страницах, не повторяя Код Navbar (если это не лучший метод).

Answer 1

Это было "ответом" в комментариях к моему вопросу, но я решил, что добавлю его сюда ...

Шаблонизаторы предоставляют способ "генерировать" файл HTML перед его помещением на хостинг-сервере. Таким образом, вам не нужно делать никаких вставок HTML и иметь проблемы с загрузкой скриптов. Панель навигации по сути будет повторять код, но вы не будете писать его сами, движок шаблонов будет.

Хороший учебник, который я нашел для Nunjucks, можно найти здесь . Мужчин больше, но этот чувствовал себя как раз то, что мне нужно.