HTML <footer> 标签

HTML <footer> 标签是一个语义化的 HTML 标签,用于定义 HTML 文档或部分的页脚。例如:

<footer>
    <p> ©Programiz. All rights reserved.</p>
</footer>

浏览器输出

HTML Footer element with an copyright details

我们可以在单个 HTML 文档中创建多个页脚。<footer> 元素可以放置在不同的元素中,如 <section><article> 等。例如:

<body>
    <main>
        <section>
            <h1>About Us</h1>
            <p>Learn more about our company and our mission...</p>
            <footer>
                <p>Copyright 2021 Programiz. All Rights Reserved.</p>
                <p>Contact us: <a href="mailto:[email protected]">[email protected]</a></p>
            </footer>
        </section>

        <section>
            <h1>Legal</h1>
            <p>Read our terms of service and privacy policy...</p>
            <footer>
                <p>Powered by <a href="https://programiz.com">Programiz</a>.</p>
            </footer>
        </section>
    </main>

    <footer>
        <p>Connect with us:</p>
        <ul>
            <li><a href="https://#/programiz">Facebook</a></li>
            <li><a href="https://twitter.com/programiz">Twitter</a></li>
            <li><a href="https://www.instagram.com/_programiz/">Instagram</a></li>
        </ul>
    </footer>
</body>

浏览器输出

Multiple footer elements within sections

注意: footer 标签通常包含版权、作者或联系信息。

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战