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>的列表。

<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>

哪种方式是设计html5网站的最佳做法？

1 个答案: