跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
footnotes

3 篇文章
{
,

}
文章 A (糟糕的?)使用 HTML 实现脚注的方法 的直接链接
details/summary 脚注

使用 HTML 实现脚注的 (糟糕的?) 方法

Terence Eden 尝试过 使用 <details>/<summary> 元素实现脚注的方法。我认为这有点巧妙。与跳转到其他位置解释脚注的超链接不同,详细信息就在旁边……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 1 月 13 日
文章 探索 details 和 summary 元素的功能 的直接链接
details/summary 脚注 工具提示

探索 details 和 summary 元素的功能

我们之前就提到过 <details> 和 <summary> 元素有多棒。它们非常适合快速 创建手风琴,这些手风琴可以通过触摸、鼠标和键盘输入进行访问

CodePen 嵌入回退

<details> 和 <summary> 甚至可以用来 播放/暂停 GIF……

Avatar of Robin Rendle
Robin Rendle 于 2020 年 11 月 26 日
文章 脚注字符 的直接链接
脚注 古腾堡

脚注字符

有一些特殊的超集数字字符有时非常适合脚注。它们是

¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹

我通常更喜欢自己将数字设置为上标,例如:…

Avatar of Chris Coyier
Chris Coyier 于 2020 年 2 月 19 日

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.