構造

Question

は、私はすでにセクション要素の使用を議論する外部の多数のスレッドがある知っているセクションの要素との見出しで、サイトの内容は - 私はすでにそれらの多くを読んで、これまでのところ、私は、次の結論に達した：

A <セクション>要素を使用して、個々のデータベースレコードとして格納できるコンテンツをラップする必要があります。 （HTML5doctorによると）見出しは内にあることが必要ですセクションの要素（ただし、データベースではコンテンツと同じ列に見出しを格納しません...））

私のウェブサイトの構造を再編成し、それをhttp://gsnedders.html5.org/outliner/で分析しましたが、驚いたことにそれは私のh1、h2、...見出し順を無視していました。 。代わりに期待アウトラインの

<header> 
    <section> 
     h1 // title of my page --> h1 
    </section> 
    <section> 
     <nav>...</nav> 
    </section> 
</header> 
<div role="main"> // don't use section for your website's main content 
    h2 // main content 
    <section> 
     h3 // main content's sub heading 
    </section> 
    <section> 
     h4 // sub heading of main content's sub heading 
      h5 
      h5 
    </section> 
    <section> 
     h3 // another main content's sub heading 
    </section> 
</div> 
<aside> 
    <section> 
     h3 // about me 
    </section> 
</aside> 

：

title of my page 
    navigation 
    main content 
     main content's sub-headings, etc. 
    about me 

私が得た：

main content 
    title of my page 
    navigation 
    main content's sub entries 
    about me 

は、今では私は（スタイリングの目的のためにいくつかのdivのをスキップする）のような構造を持っています

もちろん、私はこのカウンタをリセットするためにいくつかのセクション要素で私の見出しをラップすることができますが、 nコンテンツを1つのデータベースエントリとして扱うことができます。これはセマンティック要素の意味のない使い方であり、作業全体をいくらか冗長にします。

セクション要素のポイントまたはネストされた見出しが見当たりませんでしたか？どのようにこの動作（理論では素晴らしいと思うが、実際にはそれは奇妙な方法で動作するように思える）をどのように提案するかを提案する。

編集：私は、 RSSアイテム」ルール、それは私にははるかに理にかなっていると（下記答えとして）などのナビゲーションから離れてメインのコンテンツを維持するためにsection要素を使用するようになったとして

Answer 1

section要素

あなたのセクション定義に同意するかどうか分かりません。 HTML5仕様からは、

という要素があります。セクション要素は、一般的なドキュメントまたはアプリケーションのセクションを表します。

それは著者が、それはシンジケートに要素の内容を理にかなってときsection要素の代わりに、物品の要素を使用することをお勧めし

言うことになります。

「個々のデータベースエントリ」として何かを保存する場合は、セクションの代わりに記事を使用する必要があります。セクション要素のDOとDON'Tの良いリストthisも参照してください。

文書ドキュメントのアウトラインの面では

を概説し、それはあなたが任意の終了タグを含めていないようで何が起こっているかを伝えることは困難です。完全で有効なHTMLの例を投稿できますか？

HTML5文書の概要については、Mozilla Developers Networkに掲載されており、お読みになることをお勧めします。あなたの例を取ると私は、彼らがあるべきだと思う終了タグを追加し、この記事に基づいて、私はHTMLを提案する

<doctype html> 
<header> 
    <h1>title of my page</h1> 
</header> 
<nav>My Nav</nav> 
<article id="main-content"> 
    <h2>main content</h2> 
    <section> 
     <h3>main content's sub heading</h3> 
     <section> 
      <h4>sub heading of main content's sub heading</h4> 
      <section> 
       <h5>a sub, sub heading of main content's sub heading</h5> 
      </section> 
     </section> 
    </section> 
    <section> 
     <h3>another main content's sub heading</h3> 
    </section> 
</article> 
<aside> 
    <h3>about me</h3> 
</aside> 

これは私のページの概要

1. タイトル
   を生成します
   1. 無題セクション（これは、NAVである）メインコンテンツのサブを見出し
      2. メインコンテンツ
         1. サブ見出しメインコンテンツのサブの0
            1. サブ見出し、メインコンテンツのサブのサブ見出しは見出し
   2. 別のメインコンテンツのサブ見出し私について

これはあなたが期待したアウトラインですか？

セクションの見出し

注は、HTML5の概要はのネストの深さに基づいて、見出し、サブheadingetc何であるかうまくいくなどh1、h2、h3を使用する必要はありませんあなたの記事またはセクション。もしあなたがwnatedなら、どこでもh1を使用しても構いません（ただしそうではありません）。アウトライナーは上記のアウトラインを生成します。