15

このトピックに関する質問がたくさんあることは知っていますが、回答の信頼できる情報源が見つかりません。

これは公式の定義とウィキページであり、さらに多くのドキュメントがありますが、非常に単純な例やさまざまな方法で説明されていない場合、正しい使用法は説明されていません。

私がこれまでに「理解」したこと：

<section>ブログロール、ヘッドライン ニュース、ブログ エントリ リスト、コメント リスト、および共通のトピックに関するあらゆるものなど、ページの一部 (セクション) を定義します。

<article>ページの残りの部分から意味が離れており (?)、単一のトピック (ブログエントリ、コメント、記事など) を持つコンテンツを定義します。

しかし、 の内部では<article>、 を使用してその一部をセクションに分割できます<section>。この場合、より大きなテキストの章をマークするコンテナの機能があります。


疑い

これらの文が正しい (または部分的に正しい)場合、 <section>2 つの完全に異なる使用例があることを意味します。

このようにページを書くことができます:

<!DOCTYPE html>
<html lang=en>
    <head>
        <meta charset=utf-8>
        <title>Fruits</title>
    </head>

    <body>

        <h1>Fruits war blog</h1>

        <section id="headlineNews"> <!-- USED AS CONTAINER -->

            <h1>What's new about fruits?</h1>   
            <article><h1>Apples are the best</h1>Apples are better than bananas</article>
            <article><h1>Apple's cakes</h1>With apples you can prepare a cake</article>

        </section>

        <section id="blogEntries"> <!-- USED AS CONTAINER -->

            <h1>Articles about fruits</h1>

            <article>
                <h1>Apples vs Bananas</h1>
                <section>  <!-- USED AS CHAPTER -->
                    <h2>Introduction:</h2>
                    Bananas have always leaded the world but...
                </section>
                <section>  <!-- USED AS CHAPTER -->
                    <h2>The question:</h2>
                    Who is the best? We don't know so much about apples...
                </section>
            </article>

        </section>

    </body>
</html>

アウトラインは次のようになります。 

1. Fruits war blog
   1. What's new about fruits?
      1. Apples are the best
      2. Apple's cakes
   2. Articles about fruits
      1. Apples vs Bananas
         1. Introduction:
         2. The question:

では、完全に異なる 2 つの意味論的意味 <section>で考えられていますが、関連していませんか?

それは正しい使用ですか:

<!-- MY DOUBT -->
<section> <!-- USED AS CONTAINER -->
  <article>
    <section></section> <!-- USED AS CHAPTER -->
  </article>
</section>

このネストされた方法で？逆の方法で使用できること
がわかりました：

<!-- FROM W3C -->
<article> <!-- BLOG ENTRY -->
  <section> <!-- USED AS CHAPTER ABOUT COMMENTS -->
    <article></article> <!-- COMMENT -->
  </section>
</article>

しかし、私が以下に書いた方法に対する答えが見つかりません。

W3Cグループがタグの基礎を書いた議論を読むと思いますが、<section>それを見つけることができません.

注意：信頼できる情報源で文書化された返信を探しています

4

4 に答える 4

2

<article>と<section>はどちらもセクション化されたコンテンツです。セクション化要素を別のセクション内にネストして、外側の要素をセクションにスライスできます。

HTML Living Standard、4.4.11 :

... セクション化コンテンツ要素は、他の見出しが作成した暗黙のセクションに関係なく、最も近い祖先セクション化ルートまたはセクション化コンテンツの最も近い祖先要素のいずれか最も近い方のサブセクションと常に見なされます。...

<section>を一般的なセクション要素と見なすことができます。<div>これは、最も近いセクショニング親 (または最も近いセクショニング ルート、場合によっては ) 内でセクションを定義するのようなもの<body>です。

an<article>もセクションですが、いくつかのセマンティクスがあります。つまり、自己完結型のコンテンツを表します (つまり、独自のページである可能性がありますが、それでも意味があります)。

于 2013-09-11T12:58:24.720 に答える
1

公式の w3c のセクションは次のとおりです。

http://www.w3.org/wiki/HTML/Elements/section

引用: 「[section] 要素は、ドキュメントまたはアプリケーションの一般的なセクションを表します。」

理論的には、記事内に記事がある場合、ネストされた選択の例が機能する可能性があると思います。しかし、なぜ記事の中に記事があるのでしょうか? セマンティックな意味はほとんどありません。

于 2013-09-11T12:30:02.313 に答える