📅  最后修改于: 2023-12-03 15:12:51.895000             🧑  作者: Mango
页面底部的引导页脚是一个重要的元素,它可以向用户提供有用的信息和指导,包括网站地图、联系信息、版权信息等等。在HTML中,我们可以使用以下元素来创建页面底部的引导页脚。
<footer>
元素定义了一个文档的页脚。它通常包含在 <body> 元素中,但不是必需的。
示例代码:
<footer>
<p>版权所有 © 2021-2022</p>
<p>联系我们:email@example.com</p>
</footer>
<address>
元素定义了联系信息部分,通常包含作者的联系信息。浏览器通常会在常规字体中呈现 <address> 元素中的文本。
示例代码:
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<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>
元素用于定义段落。您可以在页脚中使用它来包含版权声明或其他需要显示的文本信息。
示例代码:
<footer>
<p>版权所有 © 2021-2022</p>
<p>联系我们:email@example.com</p>
</footer>
<hr>
元素用于添加水平线。在页脚中使用它以分隔不同的信息块。
示例代码:
<footer>
<p>版权所有 © 2021-2022</p>
<hr>
<p>联系我们:email@example.com</p>
</footer>
以上是页面底部的引导页脚的HTML部分的详细介绍,您可以根据需要使用这些元素以展示页面底部的引导页脚。