0

私は次の構造でhtml5タグを使用しようとしていますが、それが正当な方法であるかどうかを質問します。以下のコードを確認すると、設計とグリッドの目的で必要なDIVコンテナーがまだかなりありますが、それでもやりたいと思います。少なくとも1つのセクションタグを実装し、メインページのテキストを記事としてマークします。現在、セクション内にdivをネストしており、H1タイトルはアドレスバーに近い記事の外にあります。これは合法的な方法だと思いますか？または、h1を記事タグ内に配置し、セクションまたは記事部分内のdivを回避する必要があります。これは、SEOに悪影響を及ぼしますか、HTML5を使用すると、SEOに悪影響を与える可能性があります。

<header>
    <div>
        <div>link 1 | link 2</div>             
        <nav>Major header navigation: Link 1 | Link 2</nav>             
    </div>
</header>

<div>       

<div>
<div>           
    <div class="breadcrumbs"></div>         
    <h1>Most important title</h1>                                                                           
</div>
</div>

<div>

<nav>
    Major page navigation:
    <ul>
        <li>Link 1</li>
        <li>Link 2</li>
    </ul>
</nav>     

<div>

<article>
    <h2>title 1</h2>
    <p>main content</p>
    <h2>title 2</h2>
    <p>main content</p>
</article>

<aside>
    <h2>extras</h2>
</aside>

</div>
</div>  

</div>

<footer></footer>

更新：セクションを削除してdivに置き換えることにしました。更新された構造は、より有望に見える次のアウトラインを生成しています。1.最も重要なタイトル1.無題のセクション2.無題のセクション3.タイトル14.タイトル25.エクストラ

「無題」とマークされているのは私のNAVであり、見出しを付けたくないのですが、それは合法ですか？ドキュメントは引き続き検証されます。

4

1 に答える 1

2

マークアップにより、次のアウトラインが作成されます。

 1）無題（見出しなしbody）
   1.1）無題（最初の見出しなしnav）
   1.2）無題（2番目の見出しなしnav）
   1.3）あなたの（空の）section見出し
      1.3.1）無題（）の見出しなしnav1.3.2
      ）あなたの（空の）article見出し
      1.3.3）無題（見出しなしaside）

これはおそらくあなたが望むものではありません。

あなたがすべき：

  • body>に見出しを付けますheader（=サイト全体、たとえばサイト名）
  • 最初の2つの要素の1つを削除navします（リンクはnavセクションコンテンツごとにすべて同じ要素に入れることができます（navただし、ナビゲーションが異なる場合は、コンテンツによっては複数の要素が含まれる場合があります）
  • section「私の最近のブログ投稿」のような賢明な見出しを見つけたら（そしてあなたarticleはこれらの最近のブログ投稿の1つになるでしょう）（そうでない場合は、おそらくsectionここを使用しないでください）

3番目navとasideはここの範囲内にあることに注意してsectionください。つまり、このナビゲーションとセカンダリコンテンツは、section（ページ全体ではなく）唯一のコンテンツに関連している必要があります。

于 2012-10-02T10:42:22.223 に答える