サイトのマスターヘッダーにこれらのHTML5タグがすべて必要ですか？

Question

私はhtml/cssの学習を始めました。私の学習を通して、私はセマンティクスが重視されているのを見てきました。ほとんどの場合、私は何を使用すべきか理解しており、すべてがうまくいきます。簡単な何かのためにあまりにも多くのタグがあるようにそれは、例えば、感じているときしかし、多くの時間があります

は、意味的に私はこれを取得、私はナビゲーションのためのいくつかのリンクを自分のサイトにマスター・ヘッダーがあるとします。

<section id="masterHeader"> 
    <header> 
     <nav> 
      <ul> 
       <li><a href="#"> link </a></li> 
      </ul> 
     </nav> 
    </header> 
</section> 

これはあまりにも多いのですか、それとも完全に意味をなさないようにこれを行うべきですか？それは不必要なタグのように思えます。

Answer 1

セクションタグ内にヘッダータグを入れる必要はないようです。代わりに、次のようになります。

<header id="masterHeader"> 
    <nav> 
     <ul> 
      <li><a href="#"></a></li> 
     </ul> 
    <nav> 
</header> 

Answer 2

意味的にページを設計する目的は、デザイナーが読むのが簡単です（それは良い利点ですが）、または軽い（たいていはそうではない）ためです。むしろ、セマンティックデザインの目的は、IDとクラスを持つdivを作成するだけでは達成できないという意味をコードに追加することです。あなたのサイトをクロールする検索エンジンは、意味論的にマークアップされたときに、コードをはっきりと理解することができます。

IE8以下では、これらの意味要素をネイティブにサポートしていないため、js shivが必要です。しかし、あなたのレイアウトがIE8で壊れ、JSが無効になっている場合は低くなります。これは、あなたのレイアウトがno-jsでIE8-6で中断するようにHTML5要素を使用することを検討する前に、真剣に検討しなければならないトレードオフです。

また、セクションの要素がここでの使用法では意味的に正しいとは言えませんが（私は間違っているかもしれませんが、私はw3c仕様をチェックする必要があります）。しかし、それはここにもそこにもなく、たいていちょうど摘み取られていません。