哪種方式最適合設計html5網站？

Question

我有這種類型的基本設計：

+--------+-------------------------+ 
|  |       | 
|  |       | 
|  |       | 
|  |       | 
|  |       | 
|  |       | 
|  |       | 
|  |       | 
+--------+-------------------------+ 

做什麼用HTML5來設計它的最佳做法是什麼？

<aside> 
    <section></section> 
    <section></section> 
</aside> 
<aside> 
    <main></main> 
</aside> 

或者，

<header> 
    <section></section> 
    <section></section> 
</header> 
<aside> 
    <main></main> 
</aside> 

或者別的什麼？

Answer 1

您正在考慮向後的問題。語義HTML從內容而不是佈局開始。您應該從評估您的內容開始，然後使用最少量的HTML來表示該內容。

<aside>和<header>的用法應該與元素在佈局中出現的位置無關。

根據對內容的評論，這聽起來像是你有一個<nav>，可能還有一個<main>包含一個<article> s列表。

<nav> 
    <ul class="link-list"> 
    <li><a>...</a></li> 
    <li><a>...</a></li> 
    <li><a>...</a></li> 
    </ul> 
</nav> 
<main> 
    <ul class="article-list"> 
    <article>...</article> 
    <article>...</article> 
    <article>...</article> 
    </ul> 
</main>