[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