html5网页大纲demo实例

210 阅读 0 评论 139 点赞

我是靠谱客的博主眼睛大向日葵，这篇文章主要介绍html5网页大纲demo实例，现在分享给大家，希望可以做个参考。

直接上代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>网页大纲DEMO</title>
</head>
<body>
<header>
    <h1>网页大纲DEMO</h1>
    <nav>
        <ul>
            <li><a href="index.html">首页</a> </li>
            <li><a href="index.html">内容页</a> </li>
            <li><a href="index.html">联系我们</a> </li>
        </ul>
    </nav>
</header>
<article>
    <hgroup>
        <h1>文章主标题</h1>
        <h2>文章子标题</h2>
    </hgroup>
    <p>文章正文</p>
    <section>
        <h1>文章评论列表</h1>
        <article>
            <h1>评论标题A</h1>
            <p>评论内容A</p>
        </article>
        <article>
            <h1>评论标题B</h1>
            <p>评论内容B</p>
        </article>
    </section>
</article>
<footer>
    <small>winson版权所有</small>
</footer>
</body>
</html>

附上网页效果图