Give footnotes the boot – alternatives to footnotes on the web
a year ago
- #UX Design
- #Web Development
- #Content Strategy
- 印刷媒体中的脚注会打断阅读流程，迫使读者选择是保持专注还是分心查看页面底部的补充内容。
- 网络上的脚注更加繁琐，需要滚动到文章末尾再返回，且往往缺乏清晰的上下文链接。
- 网页脚注的替代方案包括：用括号处理简短旁注，用`<section role='note'>`标记较长内容，用`<details>`元素实现可展开区块。
- 现代CSS特性可以为`<details>`元素的展开/折叠添加流畅动画，无需JavaScript即可提升用户体验。
- 文章批评脚注是印刷媒体局限性的过时遗存，主张采用更友好的原生网页解决方案。