footer是语义化标签，表示所属内容区块的结尾部分，而非视觉底部容器；应用于body、article或section等元素内，承载版权、元信息或章节补充说明，不可用于布局、导航或无关广告。

footer 标签不是“网页底部的容器”，而是语义化标记，表示一个内容区块的结尾部分。

什么时候该用 footer？

它不绑定页面最下方位置，而绑定“所属内容范围”的结尾：

• 整个 的 footer → 网站全局页脚（如版权信息）
• 某个
  内部的 footer → 仅该文章的作者、发布时间、标签等元信息
• 某个
  下的 footer → 该章节的补充说明或操作按钮

常见错误是把所有底部区域都塞进一个全局 footer，结果破坏了语义结构——搜索引擎和读屏软件会误判内容归属。

footer 里不能放什么？

它不是布局工具，禁止用来撑高度或实现视觉“底部固定”：

• 别用 footer 替代
  做 CSS sticky 布局（应配合 position: sticky 或 flex 布局）
• 别在 footer 里塞主导航、主搜索框——这些属于网站导航范畴，该用
• 别把它当通用容器：广告位、相关推荐、多语言切换栏，若不属于当前内容区块的“结尾信息”，就不要放进来

错误示例：

…
—— 导航不是页脚的语义子集。

htmlppt.skill
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
下载

和 header、aside 的关系容易搞混

三者都是语义容器，但作用域不同：

• header 是内容区块的“起始部分”，不一定是顶部（比如侧边栏顶部也可用）
• aside 是附属内容，和主内容并列但非核心，比如文章旁的作者简介卡片
• footer 必须依附于某个明确的内容上下文，孤立使用（如直接放在 外）会削弱可访问性

典型陷阱：给一个

单独加 footer，却没包裹在
内部 → 语义断裂，AT（辅助技术）无法识别归属。

真正难的是判断“这个信息到底属于谁的结尾”。写完 footer 后，反问一句：删掉它，上面那段内容是否依然完整独立？如果答案是否定的，那它大概率放对了。