1

私はhtmlが初めてなので、新しいhtml5要素に少し苦労しています。

articleまたはを使用する必要があるかどうかを判断できないシナリオが 2つありsectionます。

シナリオ 1:

多くの異なるセクションを含むホームページがあります (必ずしも html セクションを意味するわけではありません)。例を挙げると、ホームページの 1 つの部分に、私の会社/ウェブサイトを使用する理由が含まれていheaderます。

これはホームページに表示されますが、サイドバーの他の多くのページにも表示されます。私が正しく理解している場合、これは に該当しますがarticle、完全にはわかりません。

シナリオ 2:

よくある質問のページがあります。各質問には回答があり、いくつかの質問が特定のトピックの下にグループ化されている場合があります。

では、各トピックはsectionであり、各質問/回答はarticleですか? また、質問headerは記事へですか？

ヘルプとアドバイスをいただければ幸いです。

4

4 に答える 4

1

セクションタグ

タグは、ドキュメント内のセクションを定義します。章、ヘッダー、フッター、またはドキュメントの他のセクションなど。

記事タグ

タグは、独立した自己完結型のコンテンツを指定します。

記事はそれ自体で意味があり、サイトの他の部分から独立して配布できる必要があります。

要素の潜在的なソース：

  • フォーラム投稿
  • ブログ投稿
  • ニュース記事
  • コメント

一般的なコメント

あなたが使用するものはまだ完全にあなた次第です。また、すべてのブラウザがHTML5に含まれるすべてのタグをサポートしているわけではないことに注意する必要があります。たとえば、タグは最近のすべてのブラウザ（Firefox、Chrome、Safari、Opera、IE9）で機能します。多くの人がまだ古いバージョンのInternetExplorer（IE8またはIE7またはIE6）を使用しています。つまり、このタグはこれらの古いブラウザーでは認識されません。

すべてのブラウザで機能させるための解決策が常にあるため、それほど悪くはありません。たとえば、html5shivスクリプトを使用できます。

タグまたはHTML5の他のタグを知らないブラウザは、それらを通常のインライン要素として扱います。したがって、次のcssルールを含める必要があります。

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

これが少し役立つことを願っています:-)

于 2013-01-18T10:26:17.703 に答える
0

通常、sectionaはのサブノードである必要がありますarticle。

W3C標準は次のように述べています（私が強調）：

article要素は、ドキュメント、ページ、アプリケーション、またはサイト内の自己完結型の構成を表します。つまり、原則として、シンジケーションなどで独立して配布または再利用できます。これは、フォーラムの投稿、雑誌や新聞の記事、ブログエントリ、ユーザーが送信したコメント、インタラクティブなウィジェットやガジェット、またはその他の独立したコンテンツアイテムである可能性があります。

したがって、コンテキストを与えずにテキストを他の場所に公開することが理にかなっている場合は、それを記事にします。

シナリオ1 テキストがWebサイトのさまざまなページに表示されることを意図している場合、この条件を満たすように見えます。

シナリオ2 通常、FAQの質問と回答の各ペアは個々のトピックに関するものであり、それ自体で意味があるため、記事になります。しかし、質問が次々と読むときにのみ意味をなすように構成されている場合は、セクションを作成します。

ちなみに、この回答はセクションになります。質問を読まないと意味がないからです。一緒に、彼らは記事を形成するでしょう。

于 2013-01-18T10:25:43.740 に答える
0

FAQ については、トピック (見出しを含む)ごとに、各質問と 1 つ以上の回答sectionを含む説明リストdlを使用することをお勧めします。s を省略して、ネストされた説明リストを使用することもできます。dtddsection

の使用はarticle、仕様として、ここでは意味がありません。articleブログ記事のようなユースケースの要素を考えてみてください。

最初のシナリオがわかりません。

于 2013-01-18T10:20:55.000 に答える
0

一般的に言えば、 anarticleは、理解するために追加のコンテキストを必要としない自己完結型のドキュメントに使用されます。Asectionは、そのページの外では意味のないページの一部です。

あなたのホームページでは、セクションが html セクションである可能性が非常に高いようです。他のページでは、記事ではなくセクションも作成したいと思うでしょう。それらが単なる小さなアイテムである場合は、サイドバーの div でラップし、特定のセマンティックな意味をまったく与えないようにすることができます。

FAQ ページでは、各質問/回答はarticle(たとえば、RSS フィードの個別の記事であると想像できます) と言えます。トピックは実際にはarticleまたは でsectionはありません。特定のセマンティックな意味は必要ないと思いますので、レイアウトのために div にグループ化することができます。質問は記事のヘッダーではありません。ヘッダーは、ナビゲーションなどを含むページ ヘッダーに使用されます。あなたの質問はおそらく aa head* ing * ( h1/ h2/h3など) です。

ブロック要素をセクションまたは記事にしようとして html5 要素を過度に使用しないでください。実際の意味的な目的がある場合にのみ使用してください。ページ レイアウトは、古き良きdiv's で行う必要があります。

違いをより深く説明している良い記事がこちらにあります。

于 2013-01-18T10:22:09.313 に答える