SECTION要素を使用する場合


8

新しいHTML5要素とは少し混乱しています<section>。それを使用する正しい方法は何ですか?
このアウトラインを考えてみましょう:

<article>
  <header>
    <h2>Title</h2>
    <p>Spiffy tagline</p>
  </header>
  <section>
    <p>My content! BLA BLA BLA YADDA YADDA</p>
    <p>Some more content!</b>
  </section>
</article>

それは意味がありますか?
タイトルと短いテキストだけの小さな記事がある場合はどうなりますか?(意味論的に、仕様的になど)を省略しsectionますか?

回答:


2

セクションが必要ない場合(小さな記事がある場合)<article>、コンテンツの周りに裸のエンティティを使用できます。そうしない場合、セクションはそれらのセクションのサブタイトルと段落をラップできます。

html5セクションの仕様を確認してください。

例:

<header>
  <h1>Blog Posts</h1>
</header>
<article>
  <header>
    <h1>Article Header</h1>
    <h2>My Awesome Stuff!</h2>
  </header>
  <p>My content! BLA BLA BLA YADDA YADDA</p>
  <p>Some more content!</b>
</article>
<article>
  <header>
    <h1>Article 2 Header</h1>
    <h2>More of My Awesome Stuff!</h2>
  </header>
  <section>
    <header>
      <h1>Getting started</h1>
    </header>
    <p>Getting started text</p>
  </section>
  <section>
    <header>
      <h1>Now you're underway</h1>
    </header>
    <p>Underway text</p>
  </section>
  <section>
    <header>
      <h1>Wrapping up</h1>
    </header>
    <p>Wrapping up text</p>
  </section>
</article>

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.