Создание многоразового HTML-кода для панели навигации на нескольких страницах

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

Кажется, можно использовать фреймы, но я попробовал это, и стиль всей страницы вышел из строя. Я могу это исправить, но мне интересно, есть ли что-то подобное. navbar.innerHtml = url ('navigation.txt');

В настоящее время я работаю над своим сайтом в автономном режиме, поэтому не думаю, что могу делать запросы xmlhttp. Верный? По крайней мере, мне еще предстоит заставить работать какой-либо пример ajax. Это прискорбно, потому что я думаю, что мог бы легко использовать это для своего приложения.

Вот моя разметка навигационной панели. Это не очень сложно, поэтому я чувствую, что в конце концов я просто отредактирую его вручную.

<nav>
    <ul id="navbar">
        <li><a href="biosketch.html">Biosketch</a></li>
        <li><a href="projects.html">Class Projects</a>
            <ul>
                <li><a href="projects.html#SeniorProject">Senior Project</a></li>
                <li><a href="projects.html#WindTurbine">Wind Turbine</a></li>
            </ul>
        </li>
        <li><a href="#">Resume</a></li>
        <li><a href="#">Work Experience</a></li>
        <li><a href="#">Contact Me</a></li>
    </ul>
</nav>