在网页设计中，页脚通常位于页面底部，并包含网站的版权信息、联系方式、重要链接等。即使页面内容不足以填满整个页面，也应该在页面底部添加页脚，以增强网站的专业性和完整性。在本文中，我们将介绍如何在网页底部添加页脚。
HTML中添加页脚
HTML提供了多种方式来添加页脚。我们将介绍其中两种常用的方法。
方法一：使用div元素
添加页脚的第一种方法是使用<div>元素。在HTML文件中添加以下代码：
<div class="footer">
<p>Copyright ? Company Name</p>
</div>
在上面的代码中，我们将页脚的文本包含在<div>元素中，并使用class属性来添加样式。接下来，在CSS文件中添加以下代码：
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background-color: #f5f5f5;
text-align: center;
line-height: 50px;
}
在上面的代码中，我们为<div>元素添加了样式。我们将其设置为绝对定位，并将位于页面的左下角。我们将其设置为100%的宽度，因此它将填充整个页面。我们还设置了高度、背景颜色、文本对齐和行高等样式属性。
方法二：使用footer元素
HTML5提供了一个用于页脚的专用元素，即<footer>元素。在HTML文件中添加以下代码：
<footer>
<p>Copyright ? Company Name</p>
</footer>
接下来，在CSS文件中添加以下代码：
footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
background-color: #f5f5f5;
text-align: center;
line-height: 50px;
}
在上面的代码中，我们为<footer>元素添加了样式，方法与使用<div>元素完全相同。使用<footer>元素可以提高代码的可读性，因为它明确地表示页面的底部。
总结
在网页设计中，页脚是一个重要的元素，它可以为网站的专业性和完整性添加更多的元素。在本文中，我们介绍了两种添加页脚的常用方法：使用<div>元素和<footer>元素。无论哪种方法，您都可以通过CSS为其添加样式。无论哪种添加页脚的方法，都必须始终确保页面底部始终显示。