2011-12-28 9 views
0

だから、html5セクションタグの使い方について混乱しています。 私のサイトの最初のページには、そのサイトが提供しているものの説明とその右側に登録フォームの説明があります。私はhtml仕様を使用するかもしれないと決めたので、どこで何を使うべきかについてまだ不明な点がいくつかあります。上記のシナリオでは説明とレジスタの隣に2つのセクションdiv、1セクション2 divsまたは?

は1使用します。

<div> 
    <div>description</div> 
    <div>registerform</div> 
</div> 

または

<section> 
    <div>description</div> 
    <div>registerform</div> 
</section> 

または

<div> 
    <section>description</section> 
    <section>registerform</section> 
</div> 

そして、あなたは基本的になることで正しいヘッダータグの私の理解でありますそこにあなたのバナー、ナビゲーションを入れて、もしログインボックスがあれば? だから、の線に沿って何か:

<header> 
    <nav> 
      <img src="mylogo.png" alt="my logo"/> 
      <ul> 
       <li>link1</li> 
       <li>link2</li> 
      </ul> 
      <div id="loginbox"> <== or should this be section? 
       //labels and inputfields 
      </div> 
    </nav> 
</header> 

私は主にバックエンドのプログラマだけど、新しいHTML5のもののいくつかは面白そうだので、任意の助けをいただければ幸いです。

答えて

0

セクションタグspecに記載されているように:

部要素は、一般的な文書またはアプリケーション セクションを表す... section要素は、一般的なコンテナ要素ではありません。スタイリングの目的で 要素が必要な場合、または スクリプト作成の便宜のために、作者は代わりにdiv要素を使用することをお勧めします。

sectionタグは、ページのリテラルセクションを表す意味タグです。セクション内では、通常、ヘッダを持っているでしょう:headerタグに関する

<section> 
    <h1>First Section</h1> 
    This is a section. 
</section> 

あなたの仮定は基本的に正しいです。 sectionのように、headerは、ページ上の要素をより自然でわかりやすくグループ化したものです。

ヘッダーは、導入またはナビゲーションの支援のグループを表します。 A ヘッダー要素には通常、セクションの見出し(h1-h6 要素またはhgroup要素)が含まれますが、その他のコンテンツ、目次、検索フォーム、または関連するロゴなどの も含めることができます。

+0

ヘッダータグをセクションタグ内に入れるか、ヘッダー/フッタータグをそのコンテキストのセクションタグのより具体的なバージョンとして表示する必要がありますか?そして、私はdivタグの使用が推奨されていないことを知っています(最後の手段)。それは、私はそれらのすべての上にいくつかの幅のスタイリングを配置する場合は、私はちょうど私のヘッダー、xxxは、別のセクションのタグでフッターをラップする必要がありますか? –

+0

'セクション'の中に 'header'を含めることができます。使用方法の概要は次のとおりです。http://boblet.tumblr.com/post/134276674/html5-structure2また、このディスカッションをご覧ください:http://stackoverflow.com/questions/4781077/html5-best-practices-section-header-aside-article-tags –

関連する問題