我有一些看起来像这样的HTML
<main>
<article></article>
<aside>
// a widget to show top reasons to shop with us
// a widget to show some related articles
<aside>
</main>
Run Code Online (Sandbox Code Playgroud)
我的问题是,每个小部件都应包含在自己的ASIDE中,还是应将每个小部件都包含在ASIDE中的SECTION中,或者当前结构是否正确?
我认为这真的取决于您以及您希望如何设置页面样式。html 规范并没有规定对aside元素数量的限制,甚至给出了一个aside在同一页面上有多个元素的例子。
我想说,鉴于它们在逻辑上是分组的,将它们放在同一个aside元素中是有意义的。
http://www.w3.org/TR/html5/sections.html#the-aside-element
备用容器可以使用多个。html5 使用标签的类型来确定高于其他标签的内容。例如,如果你这样做:
<article>
<header>
<h1>your title</h1>
</header>
<p>
your first paragraph
</p>
<p>
your second paragraph
</p>
<aside>
<ul>
<li>ref1</li>
<li>ref2</li>
</ul>
</aside>
</article>
<aside>
more information about you
</aside>
Run Code Online (Sandbox Code Playgroud)
这样,您就可以在一侧与您的文章链接,另一侧与顶部容器链接(我没有在这里写)
在html5规范中,aside是除了内容之外的一些内容,那么你可以为已经是的其他内容定义内容aside
来源:http ://www.w3.org/html/wg/drafts/html/master/sections.html#the-aside-element