[Bug 19591] Making the main content element a sectioning element

https://www.w3.org/Bugs/Public/show_bug.cgi?id=19591

--- Comment #3 from Ian Yang <ian.html@gmail.com> ---
Today I saw a HTML5 template called HTML5 Bones (http://html5bones.com/). In
the index.html of the template, I noticed that <aside role="complementary" />
is placed within <section role="main" />. I then realized that the template is
right, and the example in my above mentioned proposal is wrong.

Complementary Content belongs to Main Content, so it should be placed within
Main Content. If you place Complementary Content outside of Main Content, you
are actually indicating that they have no association. Thank the template for
reminding me of this important thing.

So please allow me to correct my above example. The ideal HTML code and
document outline should be as follows:

<!DOCTYPE html>
<title>blablabla</title>
<header>
    <h1>Branding</h1>
    <nav>
        <h1>Navigation</h1>
        blablabla
    </nav>
    <aside>
        <h1>Search</h1>
        blablabla
    </aside>
</header>
<main role="main">
    <h1>Main Content</h1>
    <section>
        <h1>Welcome</h1>
        blablabla
    </section>
    <section>
        <h1>Brief Intro</h1>
        blablabla
    </section>
    <aside role="complementary">
        <h1>Complementary Content</h1>
        <article>
            <h1>Latest News</h1>
            blablabla
        </article>
        <article>
            <h1>Recent Comments</h1>
            blablabla
        </article>
    </aside>
</main>
<footer>
    blablabla
</footer>

1. Branding
        1. Navigation
        2. Search
        3. Main Content
                1. Welcome
                2. Brief Intro
                3. Complementary Content
                        1. Latest News
                        2. Recent Comments

-- 
You are receiving this mail because:
You are the QA Contact for the bug.

Received on Sunday, 23 December 2012 02:29:44 UTC