[html5] Is <aside> suitable for an advertising in <article>?

Ian Hickson ian at hixie.ch
Thu Oct 8 19:04:22 PDT 2009


On Fri, 9 Oct 2009, Futomi Hatano wrote:
> On Thu, 8 Oct 2009 14:13:46 -0400 Chris Cressman <chris at chriscressman.com> wrote:
> > The text you are citing from the spec is from an explanation of
> > _where_ the aside element should be placed when used. You should put
> > an <aside> in a an <article> only if the advertisement applies
> > specifically to that blog post (e.g. each blog post has its own
> > advertisement). Alternatively, If the advertisement is a site-wide ad
> > (e.g. an advertising section in a sidebar), the <aside> should go
> > directly in <body> or in an appropriate <section>, not within an
> > <article>.
> 
> Thank you for your advice.
> I would like to clarify more.
> Could you please see this page as a example.
> http://news.bbc.co.uk/sport2/hi/football/europe/8298063.stm
> This page includes single article and "Ads by Google" below it.
> I think that <article> is appropriate for the article, if this page would be change to HTML5.
> Should "Ads by Google" be outside of <article> for the article?
> In this case, is "Ads by Google" related to the article or the page or the site?

I would say that the advertising at the bottom is its own <section>, as a 
sibling to the <article>, while the advertising on the side is an <aside>, 
also as a sibling to the <article>, as in:

   <body>
    <header>
     (the top bit)
    </header>
    <nav>
     (left hand side)
    </nav>
    <article>
     (the main body of the article)
     <aside> <figure> (the archive photo) </figure> </aside>
     <footer>
      ("Bookmark with" links)
     </footer>
    </article>
    <section>
     (google ads)
    </section>
    <aside>
     (top right display ad)
    </aside>
    <nav>
     <section>
      ("see also" links)
     </section>
     <section>
      ("from other sports sites" links)
     </section>
    </nav>
    <footer>
     (the bottom bit)
    </footer>
   </body>

...but really it's up to the person writing the site how they feel their 
structure should be organised.

-- 
Ian Hickson               U+1047E                )\._.,--....,'``.    fL
http://ln.hixie.ch/       U+263A                /,   _.. \   _\  ;`._ ,.
Things that are impossible just take longer.   `._.-(,_..'--(,_..'`-.;.'



More information about the Help mailing list