2012-02-05 5 views
0

私がブログを設計していますし、これは私が使用しているマークアップである - 私はそのようにフッターを使用する必要があり、残りこの方法でhtml5フッターを使用できますか?

<article> 
    <header> 
     <h2>this is the posts title</h2> 
     <footer> 
      <p>by aurel kurtula on <time>21:21pm</time></p> <ul><li>tag1</li><li>tag2</li><li>tag3</li></ul> 
     <footer> 
    <section>Here is the body of the article</section> 
</article> 

のために私の質問があると確信しているとしてだけで記事の抜粋を示しますか? <section>が記事の本文に使用する権利があると仮定していますか?

おかげ

+0

私はあなたのコードが正しいとは思わない。閉じたタグのないタグがあり、 –

+0

の中にあります。

のタグはそれぞれページヘッダとフッタとして使用されるため、動作しません。 – Gigi

+0

@Gigi - 彼らはそうではありません。それらは、比較的広い範囲のセマンティクスを伝えるために使用できるセクショニング要素です。それらは、ページ全体ではなく、ページのセクションに適用することができます。仕様を参照してください(例: 'header'要素:http://dev.w3.org/html5/spec/Overview.html#the-header-element) –

答えて

3

私はあなたがサンプルコードでやっているようには見えないheaderタグを閉じているとして、あなたの構造がある限り、大丈夫ですと言うでしょう。以来:

<article> 
    <header> 
     <h2>this is the posts title</h2> 
    </header> 
    <footer> 
     <p>by aurel kurtula on <time>21:21pm</time></p> <ul><li>tag1</li><li>tag2</li><li>tag3</li></ul> 
    <footer> 
    <section>Here is the body of the article</section> 
</article> 

ヘッダ要素は、通常、あなたがあなたのh2headerを閉じる必要があります

セクションの見出し (H1-H6要素またはのhgroup要素)を含むように意図されます

footerという要素をarticleの真ん中に使用するのは奇妙に思えるかもしれませんが、それには何も問題はありません:

フッター要素は、最も近い祖先 のセクションコンテンツまたはセクションルート要素のフッターを表します。フッターは通常、 に誰がそれを書いたかなどのセクションに関する情報、 関連文書へのリンク、著作権データなどが含まれています。彼らは通常行うものの

...

フッターは必ずしも 、セクションの最後に表示する必要はありません。

これは、問題のfooterarticle要素、ないsectionに適用するべきであることを意味します。たとえば、articleごとに複数のsection要素があり、それぞれが別々のfooterを必要とする場合、それらのfooter要素は、おそらくそれぞれのsectionの子孫として表示されます。

+0

これは素晴らしい、ありがとう。私がヘッダーを閉じなかったという事実はタイプミスであった。私は私のことを意味していた私の例では、ヘッダーの中にフッターがありました。 – aurel

関連する問題