footer标签用于定义文档或区域的页脚，可包含版权、作者、链接等信息。它支持语义化结构，既可用于页面底部，也可嵌套在article、section内表示局部结尾。典型内容包括©信息、联系方式、政策链接等，配合CSS可设置样式如背景色、边距，提升可读性与可访问性。

footer 标签用于定义文档或某个区域的页脚，通常包含作者信息、版权信息、联系方式、相关链接等出现在页面底部的内容。它是一个语义化标签，让代码更清晰，也对搜索引擎和辅助设备更友好。

Footer的基本用法

直接在页面底部使用 footer 标签包裹相关信息即可：

<footer><br>  <p>© 2025 我的网站. 版权所有。</p><br>  <p><a href="contact.html">联系我们</a></p><br></footer>

可以嵌套在其他结构中

footer 不仅可以用在整个页面的底部，还能用于 article、section 等元素内部，表示该部分内容的结尾信息。

<article><br>  <h2>文章标题</h2><br>  <p>这是文章内容……</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/2356">
                            <img src="https://img.php.cn/upload/ai_manual/001/246/273/176118961795973.png" alt="青泥AI">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/2356">青泥AI</a>
                            <p>青泥学术AI写作辅助平台</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="青泥AI">
                                <span>360</span>
                            </div>
                        </div>
                        <a href="/ai/2356" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="青泥AI">
                        </a>
                    </div>
                <br>  <footer><br>    <p>发布于 2025年4月5日</p><br>  </footer><br></article>

常见内容类型

在 footer 中常放置以下信息：

• 版权符号和年份（如 © 2025）
• 公司名称或作者姓名
• 隐私政策、服务条款链接

• 社交媒体图标链接
• 网站地图或导航链接

样式处理建议

默认情况下 footer 是块级元素，可通过 CSS 控制样式，例如固定在底部或设置背景色。

footer {<br>  background-color: #f3f3f3;<br>  padding: 20px;<br>  text-align: center;<br>  border-top: 1px solid #ddd;<br>}

基本上就这些，合理使用 footer 能提升网页结构的可读性和可访问性。

以上就是HTML语义标签Footer怎么用_HTML页面底部信息Footer标签的详细内容，更多请关注其它相关文章！

# html语言  # css  # html  # 搜索引擎  # 背景色  # 这是  # 文档  # 还能  # 出现在  # 可以用  # 它是  # 也可  # 相关文章  # 公司名称  # 商务网站建设步骤  # 河北企业seo技巧分享  # 连云港餐饮营销推广招聘  # 拼多多怎么看关键词排名  # 写字楼网站建设  # 如何推广创业网站赚钱呢  # 双创网站建设书  # 韩剧网站建设游戏  # 电商新网站推广  # 想推广营销 怎么做