Автоматизация панели навигации в HTML

У меня есть страница html под названием foo.html со следующей панелью навигации:

<ul>
    <li><a href = "../public/index.html">Home</a></li>
    <li class = "active"><a href = "#">Foo</a></li>
    <li><a href = "../src/bar.html">Bar</a></li>
    <li><a href = "../src/baz.html">Baz</a></li>
</ul>

Я хочу это в все файлов html, поэтому для файла bar.html это должно быть:

<ul>
    <li><a href = "../public/index.html">Home</a></li>
    <li><a href = "../src/foo.html">Foo</a></li>
    <li class = "active"><a href = "#">Bar</a></li>
    <li><a href = "../src/baz.html">Baz</a></li>
</ul>

и Т. Д.

Можно ли как-то автоматизировать это, чтобы в данном файле, скажем, foo.html, он знал, что это активная страница.

Спасибо за любую помощь здесь.