嗨，较大家良好！今天咱们来聊聊 HTML5 的 `footer` 标签。 我也不了解自己怎么就来写这篇文章了但是我觉得挺十分沉关键的， 太暖了。 所以就坚硬着头皮写吧。 别问我为哪些，反正就是觉得较大家都需要了解。

啥是当前这个 `footer` 标签啊？

简洁`footer` 就是用来表示网页底部信息的。 就像你看到很更多网站的底部都有版权信息、联系方式哪些的，这一些都应当放在 `footer` 里。 但是！这可不是随便放东西的地方哦！

语义化很十分沉关键！

嗯…语义化？就是让你的代码更懂人，而不是只懂电脑。 `footer` 的作用是告诉浏览器和屏幕阅读器：“嘿， 一句话。 这里是页脚信息！” 这样他们就能正确地处理这一些信息了。

记住一点： 页脚里放的内容一定要和它上面的内容有关联。 杀疯了！ 如果你把一个彻底没关系的段落坚硬塞进页脚里了那可就麻烦了。

怎么用 `footer` 标签啊？

最简洁的用法

最简洁的用法就是这样：直接把你的页脚内容放在 `` 里。

© 2024 我的网站。全部权益保留。

|

一些较小技巧

注意排版

最终的最终。 `footer` 通常会包含一些链接、 版权信息、或者其他补充信息。 你能够用 HTML 的各种元素来组织这一些内容。

导航

如果你想在页脚里放一个导航菜单，能够试试用 `

  
© 2024 ...
 

一些错误的做法

别把全站版权栏塞进某个 article 的 footer 里

页面有更多个不同 footer 能不能行？

当然能够！ 一个页面能够有更多个不同 footer 。 比如说 文章的底部能够有一个作者信息的 footer ， 说明….. 而 section 的底部能够有一个更崭新时间段的 footer 。 只要它们各自负责不同的内容就行。

浏览器兼容性

闹笑话。 当前全部的现代化浏览器都支持 HTML5 的 `footer` 标签了。 但是老版本的 IE 不支持。 如果你真实的需要兼容老版本 IE ，那你能够尝试加 `'footer'` 或者用 html5shiv 当前这个库。 但我觉得不值得为了老版本 IE 去做语义增强较大了毕竟较大更多数人当前用的都是崭新浏览器嘛。

十分沉关键的提醒： DOM顺序很十分沉关键！

记住这一些关键点：

• 是用来表示网页底部的。
• 语义化非常十分沉关键！
• 页脚内容要与它上面相关联。
• 注意 DOM顺序！

想学更更多前端知识吗？