通过建立一个描述MyPetShop网站信息来熟悉常用的XHTML5元素。

代码：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <meta name="keywords" content="MyPetShop,XHTML5" />

    <style type="text/css">

        aside {

        float:left;

        width:15%;

        }

        section {

        float:left;

        width:84%;

        }

        footer {

        clear:both ;}

    </style>

</head>

<body>

    <header>

        <img alt="MyPetSHOP" src="I:\Images\logo.gif" />

    </header>

    <aside>

        <nav style="background-color:#C0C0Co">

            <a href="HTML5.html">介绍</a><br />

            <a href="HTML5.html"> 数据库设计</a>

        </nav>

    </aside>

    <section>

        <h3>MyPetShop</h3>

        <article>

            MyPetShop是本书提供的一个综合实例,用来展示ASP.NET 4.5网站开发技术.

        </article>

        <article>

            <h4>功能</h4>

            MyPetShop包括前台商品浏览，用户管理，购物车，订单结算和后台管理等模块。

        </article>

    </section>

    <footer style="background-color:#C0C0C0">Copyright 2014 MyPetShop </footer>

</body>

</html>

运行效果

spacer.gif