我有这种基本设计:
+--------+-------------------------+
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
+--------+-------------------------+
使用html5设计它的最佳做法是什么?
<aside>
<section></section>
<section></section>
</aside>
<aside>
<main></main>
</aside>
或者,
<header>
<section></section>
<section></section>
</header>
<aside>
<main></main>
</aside>
或者,别的?
答案 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>