Single HTML aside or multiple asides?

Question

I have some HTML which looks like this

<main>
    <article></article>

    <aside>

    // a widget to show top reasons to shop with us

    // a widget to show some related articles

    <aside>
</main>

My question is, should each of the widget be contained in their own ASIDE, or should they each be inside a SECTION within the ASIDE or is the current structure OK?

Answer 1

I think that is really up to you and how you wish to style the page. The html specification does not specify a limit on the number aside elements and even gives an example that has multiple aside elements on the same page.

I would say given that they are logically grouped it would make sense to put them together in the same aside element.

http://www.w3.org/TR/html5/sections.html#the-aside-element