Как добавить один элемент HTML в несколько файлов одновременно

Question

Я хочу добавить новый элемент в мою навигационную панель, которая сделана в начальной загрузке.С несколькими файлами это не имеет большого значения, однако проблема возникает, когда мы получаем дюжину или около того html-файлов с одной и той же панелью навигации.Теперь, если я добавлю элемент 2 в index.html, мне нужно будет скопировать его на каждую подстраницу.Есть ли инструменты, которые могли бы сделать это быстрее?

В качестве примера приведем пример кода для одного HTML-файла:

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Item 1</a></li>
    </ul>
  </div>
</nav>