SPRY를 사용할 때 HTML 5 요소를 배치 할 위치는 어디입니까?

Question

나는 HTML 5 마크 업을 사용하여 웹 사이트를 짓고 있어요,하지만 순자산 요소를 배치하는 방법에 관한 문제에 충돌 한 - 나는 SPRY '탭 패널'모두 탐색 및을 사용하고 있기 때문에 내용 :

<header> 
<div id="TabbedPanels1" class="TabbedPanels"> 
    <ul class="TabbedPanelsTabGroup"> 
    <li class="TabbedPanelsTab" tabindex="0">Home</li> 
    <li class="TabbedPanelsTab" tabindex="0">Profile/li> 
    <li class="TabbedPanelsTab" tabindex="0">Contact</li> 
    </ul> 
<div class="TabbedPanelsContentGroup"> 
    <div class="TabbedPanelsContent">Content 1</div> 
    <div class="TabbedPanelsContent">Content 2</div> 
    <div class="TabbedPanelsContent">Content 3</div> 
</div> 
</div> 

은 내가 UL 요소를 감싸서 될 것 NAV 요소를 삽입 할 수있는 가장 좋은 장소라고 생각하지만, 이것은 어쩌면 난 그냥 일부 파일 경로를 변경하여이 문제를 해결할 수 있습니다합니다 (SPRY 탭 패널을 나누기 CSS에서?).

또한 사이트의 주요 내용이 탭 패널의 '콘텐츠'영역에서 개최 될 것으로 보이며 NAV 및 기사와 관련하여이 사이트를 구축하는 가장 좋은 방법은 무엇인지 궁금합니다. 그래서 그것은 의미 론적으로 맞습니까?

아마 내가 잘못된 방향으로 가고 있을까요?

Answer 1

저는 SPRY에 익숙하지 않지만, 의미 론적 마크 업을 더 원한다면 CSS를 편집해야 할 수도 있습니다. 각 "탭을"가정

여기에, 그것의 자신의 기사입니다 나는이를 표시 할 것입니다 방법입니다

<div id="TabbedPanels1" class="TabbedPanels"> 
    <nav> 
     <ul class="TabbedPanelsTabGroup"> 
      <li class="TabbedPanelsTab" tabindex="0">Home</li> 
      <li class="TabbedPanelsTab" tabindex="0">Profile/li> 
      <li class="TabbedPanelsTab" tabindex="0">Contact</li> 
     </ul> 
    </nav> 
    <div class="TabbedPanelsContentGroup"> 
     <article class="TabbedPanelsContent">Content 1</article> 
     <article class="TabbedPanelsContent">Content 2</article> 
     <article class="TabbedPanelsContent">Content 3</article> 
    </div> 
</div> 

을 그것은 큰 변화는 아니지만 적어도 받는 일부 더 나은 의미를 추가 마크 업을 사용하면서 대부분의 구조를 손상시키지 않고 SPRY 프레임 워크 코드에 대한 실제 변경 사항을 적용 할 필요가 없습니다.