是 html5 语义化标签，必须以字母开头、不含下划线，用于标识最近节元素的页脚；可置于 、 或 内，不可嵌套于 等元素中，需配合合理结构才能生效。

<footer></footer> 是 HTML5 原生语义化标签，不是自定义的 页脚_footer，也**不支持下划线命名或带下划线的标签名**——浏览器会直接忽略非法标签，当作未知元素处理，甚至可能触发解析错误。

为什么不能写 或 <footer_></footer_>

HTML 标签名必须符合规范：只能由字母、数字、连字符（-）和英文点号（.）组成，且**必须以字母开头，不能含下划线（_）**。写 会导致：

• 浏览器无法识别，渲染为无样式的普通 <div>（实际是“未知元素”，DOM 中存在但无语义） <li>无障碍工具（如读屏器）不会将其识别为页脚区域</li> <li>SEO 和结构化数据提取失效</li> <li>部分旧版 IE 对非标准标签支持极差，甚至不创建对应 DOM 节点</li> <h3> <code><footer></footer> 的正确用法和常见位置

  <footer></footer> 不一定只出现在整个页面最底部；它表示**其最近的节（sectioning content）的页脚信息**。典型场景包括：

  • 整个页面的页脚： 最末尾的 <footer></footer>（最常用）
  • 文章底部署名：<article><footer>作者：张三｜2024-05-20</footer></article>
  • 章节页脚：<section><footer>本节参考资料…</footer></section>

  注意：<footer></footer> 不能作为 <header></header>、<address></address>、另一个 <footer></footer> 的子元素。

  

  Article To Html

  文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

  下载

  兼容性与样式注意事项

  IE8 及更早版本不支持 <footer></footer> 等 HTML5 标签，需配合 document.createElement('footer') 或使用 html5shiv 库激活识别。现代项目中，若已放弃 IE8–9，可直接使用：

  <footer><p>© 2024 公司名称. 保留所有权利.</p>
  </footer>

  默认无特殊样式，需自行设置 display: block（多数现代 CSS 重置已包含），并注意：

  • 不要给 <footer></footer> 设 position: fixed 后忘记处理高度塌陷或遮挡内容
  • 若用于页面底部“粘滞”效果，推荐 Flexbox 布局（min-height: 100vh + flex-direction: column）而非绝对定位
  • 避免在 <footer></footer> 内嵌套 <main></main> 或 <article></article> —— 语义冲突

  真正容易被忽略的是：页脚语义不仅靠标签名，还要靠上下文结构。<footer></footer> 单独存在没用，它得包裹在合理的节元素（、<article></article>、<section></section>）里，否则对辅助技术和 SEO 几乎无效。