Я строю страницу администратора, используя Bootstrap. На странице администрирования у меня есть боковое меню и блок контента, и я хочу, чтобы оба элемента изменяли текущий элемент меню в активном классе при нажатии и показывали разные материалы в зависимости от элемента меню. На данный момент у меня есть разные html-страницы для каждого элемента меню. Я нахожу это довольно неудобным, хотя, поскольку, если я хочу что-то изменить в боковом меню или другие вещи, которые имеют все страницы, я должен внести те же изменения в каждый html-скрипт. Поэтому я думаю о том, что одна родительская html-страница отображает различный контент в зависимости от того, какой клик по меню. Довольно легкий материал, хотя есть очень много способов сделать это, например. используя iframe, используя JS, отображая и скрывая различные div, или загружая контент ссылками, среди многих других.Загрузите разные страницы в пределах одной html-страницы?
Каковы недостатки и недостатки различных подходов, а какие наиболее часто используются?
Вот некоторые примеры кода:
<section class="sidebar">
<ul class="sidebar-menu">
<li class="active">
<a href="overview.html">Overview</a>
</li>
<li>
<a href="theme.html">Theme</a>
</li>
</ul>
</section>
<section class="content">
Content
</section>