首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >【HTML教程】HTML的footer标签|html入门知识

【HTML教程】HTML的footer标签|html入门知识

作者头像
攻城狮与产品喵
发布2025-11-19 17:00:49
发布2025-11-19 17:00:49
680
举报

【定义和用法】

footer 标签定义文档或小节的页脚。

footer 元素通常包含:

作者信息、版权信息、联系信息、站点地图、返回顶部链接、相关页面

您可以在一个文档中包含多个 footer 元素。

【实例】

例子 1

文档中的页脚部分:

代码语言:javascript
复制
<footer>
  <p>作者:龙腾飞网络科技</p>
  <p><a href="mailto:bill@gzlongtengfei.com">bill@gzlongtengfei.com</a></p></footer>

例子 2

使用 CSS 设置 footer 的样式:

代码语言:javascript
复制
<html><head><style>footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;}</style></head><body><footer>
  <p>作者:龙腾飞网络科技<br>
  <a href="mailto:bill@gzlongtengfei.com">bill@gzlongtengfei.com</a></p></footer></body></html>

【默认的 CSS 设置】

大多数浏览器将使用以下默认值来显示 footer 元素:

代码语言:javascript
复制
footer {
  display: block;}
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-10-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 攻城狮与产品喵 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 【定义和用法】
  • 【实例】
  • 【默认的 CSS 设置】
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档