HTML5: как загрузить элемент из левого бокового меню в правую часть

Question

Hy всего, У меня есть очень простой вопрос, я создал левое боковое меню с javascript и CSS, и я просто хочу, когда я нажимаю на меню слева, контент будет загружаться справа. Таким образом, моя структура HTML должна быть организована на две части: левая часть и правая часть. В общем, я хочу знать, как лучше всего сделать это в HTML5 Заранее спасибо

Answer 1

Вы можете использовать div, чтобы разделить вашу страницу на две части; что-то вроде:

#container {
    width: 1000px;
}
#left {
    width: 300px;
    float: left;
}
#right {
    right: 700px;
    float: right;
}

<div id="container">
    <div id="left"></div>
    <div id="right"></div>
</div>

У вас есть несколько вариантов загрузки контента с правой стороны. Вы можете загрузить нужный контент, используя Ajax, но в зависимости от того, насколько велик или сложен ваш сайт, это может стать большой проблемой. Вы можете просто обновить всю страницу, но затем убедитесь, что ваше меню синхронизировано. Вы также можете поместить много делений справа и просто отобразить правильный, когда они щелкают по меню.