Как скопировать код панели навигации на все странички сайта (проекта)?
Составил адаптивную панель навигации с кучей div'ов и встала необходимость копии данного кода на все страницы создаваемого сайта. Как упростить эту задачу? И так, чтоб дальнейшие правки в этой панели не доставляли неудобств
Shamil Vagabov, для вывода спецсимволов используйте escape-последовательности, но скорее всего нужно смотреть на добавление нод с последующим добавлением в DOM вида
<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
<script>
const para = document.createElement("p");
const node = document.createTextNode("This is new.");
para.appendChild(node);
const element = document.getElementById("div1");
element.appendChild(para);
</script>
Но по поводу того, КАК именно реализовывать такое на сайте, - нужны инструменты управления контентом.
Вы НЕ должны реализовывать такое на фронте, если контент генерится бэкендом (ну, к примеру есть cms типа wordpress).
Вы ДОЛЖНЫ таким рулить на фронте, если у Вас построено одностраничное приложение (react, angular и т.п.), а к бэкенду обращаетесь только за чистыми данными.
Если у Вас статичные страницы в HTML, тут действительно, SSI, либо генерация меню на js (чтоб хоть какая-то автоматизация была), но это устаревшие штуки, годятся для потренироваться, изучить технологии и в дальнейшем не использовать.