应使用 aside，它是唯一语义正确的标签，表示与主内容相关但可独立成块的补充信息；footer 用于页脚，语义不符且破坏文档结构。
旁注该用
还是
？
旁注不是页脚，也不是侧边栏容器的通用占位符。
是唯一语义正确的标签，它表示与主内容相关但可独立成块的补充信息——比如术语解释、背景说明、引用来源或作者注释。用
套旁注会破坏文档大纲结构，屏幕阅读器和搜索引擎都会误判内容层级。
必须嵌套在与其关联的
或
内部，否则语义断裂（例如不能直接放在
顶层）
如果旁注跨多个章节生效，应复制到每个相关
中，而不是靠 CSS 定位“全局浮动”
不要用
替代 —— ARIA 角色无法替代原生语义，且部分旧版读屏软件不识别
里能放什么内容？
旁注内容必须保持“附属性”：它被移除后，主内容逻辑依然完整。常见合规用法包括术语简释、数据来源标注、历史背景短句、作者额外提醒；违规用法包括操作按钮、导航链接、广告位、全文摘要。
允许：
禁止：
（交互控件不属于旁注范畴）
慎用列表：纯描述性列表可以，但带编号步骤或操作指引的列表建议改用
+
CSS 定位旁注时最常踩的坑
视觉上把旁注放到右侧或文末很常见，但样式实现方式直接影响可访问性和打印效果。绝对定位或浮动会让旁注脱离文档流，在屏幕阅读器中顺序错乱，打印时可能整个消失。
优先用 CSS Grid 实现内联旁注：
，确保 DOM 顺序与视觉顺序一致
避免
或
—— 它们会让
在键盘 Tab 顺序中跳脱，也影响 @media print 样式生效
如果必须右置，用
配合 flex 容器，而非脱离流的方案
IE 和旧 Safari 对
的兼容处理
所有现代浏览器都原生支持
，但 IE8 及更早版本不认识这个标签，会导致默认 display 为 inline，且无法被 CSS 选中。不过，这和 HTML5 Shiv 的修复范围一致，无需单独 hack。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
只需在
中引入 HTML5 Shiv：
不要给
加 class 来“模拟语义”，比如
asidefooterasidefooterasidearticlesectionbodysectiondiv role="note"role="note"asidesectionh3display: grid; grid-template-columns: 1fr max-content;position: absolutefloatasidemargin-left: autoasideasideaside
—— 这等于放弃语义，Shiv 也无法补救
旧版 Safari（aside:focus 等伪类支持不稳定，建议用 JS 绑定 focus 效果而非纯 CSS
旁注真正的难点不在标签选择，而在于判断“这段话到底算不算旁注”。很多人把所有非正文文字都往
aside
里塞，结果主次颠倒。只要问一句：删掉它，读者还能否理解上下文？答案是否定的，那就不是旁注。