《HTML 5与CSS 3 权威指南（第3版·上册）》——3.2　新增的非主体结构元素

<header>
    <nav>
        <ul>
            <li><a href="courses.html">课程</a></li>
            <li><a href="fees.html">学费</a></li>
            <li><a>毕业</a></li>
        </ul>
    </nav>
</header>
<main>
    <h1>毕业</h1>
    <nav>
        <ul>
            <li><a href="#ceremony">典礼</a></li>
            <li><a href="#graduates">毕业生</a></li>
            <li><a href="#awards">表彰</a></li>
        </ul>
    </nav>

    <H2 id="ceremony">典礼</H2>
    <p>入场仪式</p>
    <p>毕业生代表发言</p>
    <p>学生会主席发言</p>
    <p>颁发毕业证书</p>
    <p>校长总结发言</p>

    <h2 id="graduates">毕业生</h2>
    <ul>
        <li>Eileen Williams</li>
        <li>Andy Maseyk</li>
        <li>Blanca Sainz Garcia</li>
        <li>Clara Faulkner</li>
        <li>Gez Lemon</li>
        <li>Eloisa Faulkner</li>
    </ul>

    <h2 id="awards">表彰</h2>
    <ul>
        <li>Clara Faulkner</li>
        <li>Eloisa Faulkner</li>
        <li>Blanca Sainz Garcia</li>
    </ul>
</main>
<footer> Copyright 2012 常州市玉凌软件</footer>