📜  页面底部的引导页脚 - Html (1)

📅  最后修改于: 2023-12-03 15:12:51.895000             🧑  作者: Mango

页面底部的引导页脚 - Html

页面底部的引导页脚是一个重要的元素,它可以向用户提供有用的信息和指导,包括网站地图、联系信息、版权信息等等。在HTML中,我们可以使用以下元素来创建页面底部的引导页脚。

<footer>元素

<footer>元素定义了一个文档的页脚。它通常包含在 <body> 元素中,但不是必需的。

示例代码:

<footer>
  <p>版权所有 © 2021-2022</p>
  <p>联系我们:email@example.com</p>
</footer>
<address>元素

<address>元素定义了联系信息部分,通常包含作者的联系信息。浏览器通常会在常规字体中呈现 <address> 元素中的文本。

示例代码:

<address>
  Written by John Doe.<br>
  Visit us at:<br>
  Example.com<br>
  Box 564, Disneyland<br>
  USA
</address>
<nav>元素

<nav>元素定义了导航链接部分,网站地图通常放在这里面。它可以包含许多种类型的链接,包括站内链接和站外链接。

示例代码:

<footer>
  <nav>
    <ul>
      <li><a href="#home">首页</a></li>
      <li><a href="#about">关于我们</a></li>
      <li><a href="#services">服务</a></li>
      <li><a href="#contact">联系我们</a></li>
    </ul>
  </nav>
</footer>
<p>元素

<p>元素用于定义段落。您可以在页脚中使用它来包含版权声明或其他需要显示的文本信息。

示例代码:

<footer>
  <p>版权所有 © 2021-2022</p>
  <p>联系我们:email@example.com</p>
</footer>
<hr>元素

<hr>元素用于添加水平线。在页脚中使用它以分隔不同的信息块。

示例代码:

<footer>
  <p>版权所有 © 2021-2022</p>
  <hr>
  <p>联系我们:email@example.com</p>
</footer>

以上是页面底部的引导页脚的HTML部分的详细介绍,您可以根据需要使用这些元素以展示页面底部的引导页脚。