With multiple html pages containing the same navbar, I made the decision to place the navbar in its own file called navbar.html and use ajax with jquery.get() to dynamically load it onto each page. This prevents redundant code across all pages.
Currently, there is no stylesheet included in navbar.html as the styles are applied when loaded back onto the calling page.
Should I include the .css in the navbar.html, even though they both reference the same 2 stylesheets? While it seems possible, I haven't tested this yet. It could make future changes easier. What is the best practice here without using server-side code?
If there is a more conventional approach that you know of, please advise. Coming from a .net web forms background, I would typically use a master page. Any relevant links for further information on this topic would also be appreciated.