HTML5タグを使用したブログページの最も意味的に正しい構造は何ですか?


9

私はしたいのですが完全に理解の究極の本質を<aside><section><article>

HTML5タグを使用したブログページの最も適切で最も意味的に正しい構造は何ですか。

サイドバーを中に入れるべき<aside>ですか?または、これは<section><aside>広告、短い引用などに使用する必要がある)に属していますか?

主な機能であるブログ投稿をどのように提示すればよいですか?<article>正しく使用するにはどうすればよいですか?

どのように記事タグをマークアップする必要がありますか?

回答:


7

<article>ブログの投稿に使用したい。Mark Pilgrimは、各タグの使用方法について非常に優れた説明をしています。彼はまたarticle、自分のサイトの定義リストのすぐ下にマークアップする方法を説明しています。これは、HTML 5とCSSを学ぶための素晴らしい本です。

「article要素は、ドキュメント、ページ、アプリケーション、またはサイトの自己完結型の構成からなるページのコンポーネントを表し、たとえばシンジケーションで独立して配布または再利用できるように意図されています。」

Aside「接線方向に関連する」要素用で、sectionは「一般的なドキュメントまたはアプリケーションセクションを表す」を表します。


2

以下のために<aside>、のようなことを考える演劇余談:話が主な焦点に戻る前に、短いビットのための接線にオフ方向転換、観客に何かを説明するために保留になります。例えば:

<article>
     <p>A horse walks into a bar.</p>
     <p>The bartender says, "Why the long face?"</p>
     <aside>Not because it was sad, horses just have long faces.</aside>
</article>

ひどい例ですが、有効な例です。可能性は、それがプルクォートや他の記事に関連する接線のようなものに役立つだろうが、純粋に意味論的なタグとして、広告は一般に属していません。

キーワード駆動型の広告システムは、コンテンツを意味的に適合させることを気にせず、人口統計のマッチングにより関心があります。もしあなた<article>がPHPだけを扱っていて、それがPython / Perl / Javaに関連する広告を引っ張っているなら(ある時点で)、あなたは<aside>その意味を失っただけです。あなたはそれらをページの他の場所に置く方が良いです。


私の顔に笑顔を置き、私が持っていた自分の質問に答えるための+1。
Jason
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.