HTML5：左側のメニューから要素を右端に読み込む方法

Question

Hyすべて 私は非常に基本的な質問があります。私はjavascriptとCSSで左側のメニューを作成しました。左側のコンテンツは右側に読み込まれます。ですから、私のHTML構造は、左部分と右部分の2つの部分に分けられるべきです。 だから基本的には、これを行うにはHTML5の最善の方法を知りたい ありがとうございます。

Answer 1

divsを使用してページを2つに分けることができます。次のようなものです：

#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を使って適切なコンテンツを読み込むことができますが、あなたのサイトの大きさや複雑さに依存して、それは大きな問題になる可能性があります。単にページ全体を更新することはできますが、メニューが同期しているかどうかを確認する必要があります。また、右に多くのdivを配置して、メニューをクリックしたときに正しいdivを表示することもできます。