第20章 HTML5的大纲

HTML5网页结构与元素应用

最新推荐文章于 2024-07-30 19:06:26 发布

原创最新推荐文章于 2024-07-30 19:06:26 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

阅-H52 专栏收录该内容

35 篇文章

订阅专栏

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

<!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>

效果图：