2.11.2 footer 元素和 hgroup 元素

一叶舟轻-dly

于 2017-02-05 21:56:36 发布

阅读量280

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签： html5

本文链接：https://blog.youkuaiyun.com/xinzhelantian/article/details/54883349

HTML 专栏收录该内容

21 篇文章

订阅专栏

本文通过实例展示了HTML中footer元素如何应用于页面底部及文章结尾，并介绍了group元素在header内的使用方法，帮助读者理解这些元素的具体作用。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>footer元素</title>
</head>
<body>
<footer>
    <ul>
        <li><a href="#">版权信息</a></li>
        <li><a href="#">站点地图</a></li>
        <li><a href="#">联系方式</a></li>
    </ul>
</footer>
<article>
    <footer>
        这是一个文件的底部
    </footer>
</article>
<section>
    <footer>
        这是一个文件的底部
    </footer>
</section>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>group元素</title>
</head>
<body>
<article>
    <header>
        <group>
            <h1>
                这是文章标题。
            </h1>
            <h2>这是一个子标题。</h2>
        </group>
        <p>
            <time datetime="2017-02-05">2017-02-05</time>
        </p>
    </header>
    <div>
        这是内容。
    </div>
    <footer>
        这是底部。
    </footer>
</article>
</body>
</html>