HTML 右下角 - HTML

HTML 右下角（HTML footer）是指位于 HTML 文档底部的部分，通常用于显示网站的版权信息、联系方式、博客链接等等。在 HTML 标记中，需要使用标签 <footer> 来定义这个部分。

HTML footer 标签语法

<footer>
  <!-- 在这里编写页脚内容 -->
</footer>

页脚内容

通常，在 HTML footer 内显示的内容包括：

• 版权信息
• 联系方式
• 公司地址
• 博客链接
• 站点地图
• 社交媒体链接

CSS 样式

使用 CSS 样式可以美化 HTML footer 的外观，增加用户体验：

/* 设置页脚背景颜色 */
footer {
  background-color: #f8f8f8;
}

/* 调整页脚内部样式 */
footer div {
  margin: 10px;
}

/* 展示公司名称和版权信息 */
footer p {
  font-size: 12px;
  color: #666;
  text-align: center;
}

/* 设定页脚链接的样式 */
footer a {
  color: #999;
  font-size: 12px;
  text-decoration: none;
}

footer a:hover {
  color: #333;
}

典型的 HTML footer 代码片段

<footer>
  <div>
    <p>&copy; 2021 HTML 右下角 - HTML</p>
  </div>
</footer>

上面的代码片段包括公司名称和版权信息，可以根据需求修改。