1

私が理解していることから、記事はスタンドアロンコンテンツ用であり、セクションは記事のリストをグループ化するために使用することも、記事内でパーツを表すために使用することもできます。このアイデアを実装するとき、私はケースを持っています：メインコンテンツが記事であるページ。articleタグの後に、すべての返信を含むフォーラムトピックをロードしたいと思います。各トピックと返信は記事タグを使用しています。私の質問は、トピックとその返信をセクションタグ内にグループ化すると、支援技術が混乱するでしょうか？マークアップは次のようになります。

<div id="page">
  <article role="main"> main content</article>
  <section id="forum">
           <article>topic content</article>
            <article>reply-1</article>
            <article>reply-2</article>
  </section>
</div>

上記のマークアップが、支援技術がトピックセクションがメインコンテンツに関連していることを理解するための簡単な方法を提供できない場合、どのマークアップをお勧めしますか？

4

2 に答える 2

1

この場合、私はほぼ確実にこのようにします

<div id="page">
    <article role="main">
        <section id="main">
            main content
        </section>
        <section id="forum">
            topic content
            <ul class="comments">
                <li>reply-1</li>
                <li>reply-2</li>
            </ul>
        </section>
    </article>
</div>

純粋にあなたが記事を持っていることに基づいて、そしてその記事の中にあなたは2つのセクションを持っているように見えます。1つはメインコンテンツ用で、1つはフォーラムコンテンツ用です。フォーラムのコンテンツ内には、コメントのリストもあります。

とにかく、これは正しいセマンティックな方法のように思えます。

于 2013-01-18T08:38:36.710 に答える
0

いつでもどこでも使用できます。それらの使用はセマンティックです。コードをそのようにレイアウトする方が理にかなっていると思われる場合は、それを実行してください。

ただし、ほとんどの人は、記事がない場合を除き、セクションは記事の中にあるべきだと言うでしょう。

最初の記事タグにヘッダー タグを使用することを検討します。次に、セクションを記事と記事のセクションにします。次に、ヘッダーを記事内に配置します。

<div id="page">
  <article id="forum">
      <header role="main"> main content</header>
            <section>topic content</section>
            <section>reply-1</section>
            <section>reply-2</section>
  </article>
</div>

これは単なる意見の問題ですが、Google や他の検索プロバイダーがこれらをどのように扱うかはまだわかりません。アイデアは、レイアウトと同じモジュールの外観をコードに与えることです。

于 2013-01-18T08:29:40.917 に答える