HTML 5 についてさらに学習するために、個人用サイトを再構築しています。その過程で、ヘッダー/記事/セクション/脇などの新しい HTML 5 要素のいくつかを使用するようにブログ投稿を移動しています。例を挙げると、ブログ投稿は次の形式になります。
私のブログ記事のタイトル
【ブログ公開日はこちら】
コンテンツの概要を示す単一の段落。
【はじめての字幕】
最初のサブタイトルに関連付けられたコンテンツ
【私の第二副題】
2 番目のサブタイトルに関連付けられたコンテンツ
【コメントはこちら】
これに加えて、いくつかのコンテンツ、おそらく引用またはグラフィックを投稿の右側に表示します。私には 2 つの課題があります。1) HTML 5 要素を相互に関連付けて使用する方法がわかりません。特に、記事とセクションが混乱しています。2) aside 要素を残りのコンテンツの右側に配置する方法。現在、私は以下を持っています:
<header>
<h1>My Blog Post Title</h1>
<p>Published <time datetime='18-06-2013'>June 6, 2013</time></p>
</header>
<div>
<article>
<p>A single paragraph that provides an overview of the content.</p>
<section>
<header>My first subtitle</header>
The content associated witht he first subtitle.
</section>
<section>
<header>My second subtitle</header>
The content associated with the second subtitle.
</section>
</article>
<aside>
My right side content. This area should take up 33% of the entire width.
</aside>
</div>
私は正しい道を進んでいますか?記事とセクションに関するあらゆる種類の情報が表示されますか? いずれにせよ、現在、私のaside
コンテンツは記事のコンテンツの下に表示されます。本当は横に置きたい。この種のレイアウトを提供する CSS の適切な方法を知っている人はいますか?
ありがとうございました