第20章 HTML5的大纲

iteye_17658

于 2015-11-30 09:44:05 发布

阅读量104

点赞数

CC 4.0 BY-SA版权

分类专栏：阅-H52

本文链接：https://blog.youkuaiyun.com/iteye_17658/article/details/82644227

阅-H52 专栏收录该内容

35 篇文章

订阅专栏

本文详细介绍了HTML5的网页结构大纲，包括头部、导航、主体内容、文章标题、子标题、文章正文、评论列表及底部信息。通过具体实例展示了如何使用HTML5元素构建网页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5的大纲</title>
</head>
<body>
<header>
	<h1>HTML5的大纲</h1>
    <nav>
    	<ul>
        	<li><a href="###">首页</a></li>
            <li><a href="###">内容页</a></li>
            <li><a href="###">联系我们</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>备案信息</small>
</footer>
</body>
</html>

效果图：