내 사이트의 마스터 헤더에 이러한 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가 사용 중지 된 경우 낮아집니다. 레이아웃이 IE8-6에서 no-js로 중단 될 때 HTML5 요소 사용을 고려하기 전에 심각하게 고려해야 할 단점이 있습니다.

또한 section 요소가 의미 론적으로 올바르지 않다고 여기 시겠지만 여기서는 사용법이 정확하지 않습니다.하지만 틀릴 수도 있습니다. w3c 사양을 확인해야합니다. 그러나 그것은 여기도없고 거기에 없으며, 대부분은 단지 따기입니다.