标识角色（待完善）

代码如下：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <!--加入banner角色-->
    <header id="page_header" role="banner">
        <h1>AwesomeCo Blog!</h1>
        <nav role="navigation">
            <ul>
                <li><a href="/">Latest Posts</a></li>
                <li><a href="/archives">Archives</a></li>
                <li><a href="/contributors">Contributors</a></li>
                <li><a href="/contact">Contact Us</a></li>
            </ul>
        </nav>
    </header>
    <section id="posts" role="main">
    </section>
    <section id="sidebar" role="complementary">
        <nav>
            <h3>Archives</h3>
            <ul>
                <li><a href="2010/10">October 2010</a></li>
                <li><a href="2010/09">September 2010</a></li>
                <li><a href="2010/08">August 2010</a></li>
                <li><a href="2010/07">July 2010</a></li>
                <li><a href="2010/06">June 2010</a></li>
                <li><a href="2010/05">May 2010</a></li>
                <li><a href="2010/04">April 2010</a></li>
                <li><a href="2010/03">March 2010</a></li>
                <li><a href="2010/02">February 2010</a></li>
                <li><a href="2010/01">January 2010</a></li>
            </ul>
        </nav>
    </section>
         <footer id="page_footer" role="contentinfo">
        <p>© 2010 AwesomeCo.</p>
      </footer>
</body>
</html>

　　

posted @ 2012-11-07 17:52  bradleydan  阅读(108)  评论(0)    收藏  举报