What is the best and correct way to make a static vertical menu with a link to another page of the same site?

Question

JavaScript

Background: I'm trying to make a table of contents for one book-site, on a scientific topic, there are more formulas than words - LaTeXML is used to translate data from the LaTeX technical format into html. It is undesirable to get into the html itself, it is best to do this through JS. I would like to hear from more experienced frontenders, how, taking into account all the modern goodies and capabilities of JS and HTML, is it best and more correct to connect another page of the same site with the content of the book, such as content.html, in the form of a static vertical menu? The simplest and dumbest option - through frame / iframe - is not a problem. But))

I would be glad at least to set the direction, which pages of the manual to read, on what topics. Or what pluses, for example, jQuery can be used here.

Thanks in advance.

Ps As I understand it, now it's best to use the tag for decorating any navigation, and not divs or lists?

Pps Again, as I managed to dig up, in php a page can generally be connected at a time - through include - but is it permissible to insert php into regular html for the sake of one function?

Answer 1

Here , Pts is even clear and just the menu