使用SPRY時，放置HTML 5元素的位置在哪裏？

Question

我建設使用HTML 5標記一個網站，但對於打在何處放置的NAV元素的問題 - 因爲我使用的是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> 

我想插入NAV元素會通過包裝UL元素的最佳場所，但這種打破輕快標籤面板（也許我只能通過改變一些文件路徑解決這個問題在CSS中？）。

此外，看起來作爲網站的主要內容將在標籤面板的「內容」區域舉行，我想知道什麼是最好的方法是建立這個網站，關於NAV和ARTICLE等，這在語義上是正確的？

也許我這樣做是錯誤的方式？

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> 

這不是一個大的變化，但它增加了至少一些更好語義的標記，同時仍然保持結構的大部分完整，以便不需要將MASIVE更改爲SPRY框架代碼。