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

时间:2014-02-14 08:30:10

标签: html5

我有这种基本设计:

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

使用html5设计它的最佳做法是什么?

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

或者,

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

或者,别的?

1 个答案:

答案 0 :(得分: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>