1

HTML5では、子要素としてeadingを使用するasectionと、 eading要素の次の兄弟であるaの違いは何ですか？同じ違いが代わりに要素にも当てはまりますか？hsectionhdivsection

<section>
<h1>First section</h1>
<!-- other content -->
</section>

<!-- vs. -->

<h1>Second section</h1>
<section>
<!-- other content -->
</section>
4

3 に答える 3

1

答えは論理的な見方に大きく依存します。

<section>
  <h1>....</h1>
</section>

上記の場合<h1>は、セクションの見出しを示します。次に、別の例を見てみましょう。

<div id="info">
    <h1>Sections:</h1>
    <section>
       <h1> Section: 1</h1>
    </section>
    <section>
       <h2> Section: 2</h2>
    </section>
</div>

これは、と呼ばれるページの主要部分を定義しますsections。各見出し内の見出しは、セクション内の包含、つまり、などの特定のタイプのセクションのみを強調する傾向がありますsection 1。

それが役に立てば幸い

于 2012-04-10T10:05:59.320 に答える
0

最初の例では、h1はそのセクションのコンテンツの見出しであり、2番目の例では、複数のセクションを含む可能性のあるh1の下のすべてのコンテンツの見出しです。

2つの最大の違いは、2番目の例のセクションには、独自のh1要素を追加で含めることができることです。

于 2011-10-10T13:27:07.430 に答える
0

最大かつ最も重要な違いは、アウトラインアルゴリズムがhtmlページを解析する方法です。見出し要素は、関連するセクションの終わりを示す方法を提供しないため、彼らも入れ子にすることはできません。<section>要素はネストできるため、ドキュメントのアウトラインを適切にマークアップできます。

smashingマガジンには、それがどのように機能し、どのように使用できるか、そしてどのように使用されるべきかについての詳細な説明があり、例と一般的な落とし穴も提供します。

于 2014-07-07T07:49:06.627 に答える