0

sectionページのメインコンテンツセクションとして要素を使用することは意味的に正しいですか？


4

3 に答える 3

4

main可能ですが、代わりに新しい要素を使用することをお勧めします。

例えば

<main role="main">

</main>

メイン要素と、メイン要素の使用に関するその他の例を参照してください。

于 2013-02-14T11:52:17.627 に答える
3

大まかに言って、違います。

HTML5Doctorによると：

私たちが間違っているのは、セクションを使用してコンテンツをラップしてスタイルを設定したり、メインコンテンツ領域をナビゲーション、ヘッダー、フッターなどから区別したりすることです。これらはセクションではなく、divのジョブです。

その記事が書かれて以来、<main>あなたの正確なユースケースのために、要素が発明されました。

于 2013-02-14T11:55:38.453 に答える
0

セクショニング要素の見出しではない見出し（ - ）sectionがあるとすぐに、暗黙的に使用すると言うことができます。h1h6

したがって、これら2つのドキュメントは意味的に同等です。

1）

<body>
  <h1>John's cool site</h1>
  <nav>…&lt;/nav>
  <h2>A nice article</h2> <!--- main content starts with this heading -->
  <p>I like bees.</p>
</body> <!-- main content ends at the end of the document -->

2）

<body>
  <h1>John's cool site</h1>
  <nav>…&lt;/nav>
  <section><!--- main content starts with this opening tag -->
    <h2>A nice article</h2> <!-- now you could use h1 here, too --> 
    <p>I like bees.</p>
  </section><!-- main content ends with this closing tag -->
</body>

sectionしたがって、はい、メインコンテンツに使用できます（ただし、多くの場合article、より適切です）。すべての見出しコンテンツグループに使用できます（sectionもちろん、使用する必要がある場合を除きます）。articlenavaside

これらすべての見出しコンテンツグループにセクション要素を使用するとすぐに、h1どこでも使用できるようになります。

メインコンテンツにセクショニング要素を明示的に使用する必要があるエッジケースもあります。つまり、ページにメインコンテンツの一部ではなく、、、または（または/）に適していないコンテンツが含まheaderれfooterてaddressいるaside場合nav。sectionこのような場合に（または）を使用しないarticle場合でも、このコンテンツはメインコンテンツに属します。

sectionメインコンテンツに/を使用する必要がある、より一般的な例は、メインコンテンツに/をarticle個別に必要とするページです。たとえば、ブログ投稿ページ：ページ全体に（ブログ全体に関する情報が含まれています）。さて、メインコンテンツ（→ブログ投稿）にセクショニング要素を使用しない場合、その記事だけに個別の（作成者情報、タグ、カテゴリなどを含む）ことはできません。headerfooterfooterfooter

<body>
  <h1>John's blog</h1>
  <article>
    <h1>My first blog post</h1>
    <p>…&lt;/p>
    <footer> <!-- applies to the blog post only (article) -->
      Tags: introduction, aboutme
    </footer> 
  </article>
  <footer> <!-- applies to the whole page (body) -->
    Blog of John Doe — 2013
    <p><small>All content licensed under Creative Commons</small></p>
  </footer>
</body>

ですから、私はアドバイスしたいと思います。疑わしい場合は、ページのメインコンテンツにsection/を明示的に使用してください。article

于 2013-02-15T12:25:15.660 に答える