文章标签

最近围绕着老的 `<details>` 和 `<summary>` 元素有很多讨论！我看到了 Lea Verou 最近发布的一条推文，关于该元素的 `display` 行为，并从人们那里引发了更多观察和使用说明，包括 重新燃起…

如果 HTML 有“选项卡”会怎么样？ 我想这会很酷。Dave 一直和来自 OpenUI 的一群“选项卡复仇者”一起投入时间和精力在这上面。很多研究 导致了一点点…

对 `<details` 元素进行样式设置时，存在一个非常糟糕的陷阱，如 Kitty Giraudel 此处所述。它足够隐蔽，你可能永远不会遇到它，但如果你遇到它，我可以看到它会非常令人困惑（它会让…

关于 `<details>` 元素，有一点很奇怪，就是当它打开时，并不总是 100% 清楚元素内部和外部的内容。我不是说这 *总是* 重要或这是一个…

让我们看一下 CSS `@keyframes` 动画，特别是关于如何 **暂停** 和控制它们。有一个专门用于此的 CSS 属性，它可以使用 JavaScript 控制，但有很多细微差别需要…

在不久的过去，即使是基本的类似手风琴的交互也需要 JavaScript 事件监听器或 一些 CSS… 技巧。而且，根据所使用的解决方案，编辑底层 HTML 可能会变得很复杂。

现在，`<details>` 和 `<summary>` 元素（它们结合在一起形成…

Terence Eden 尝试了一种使用 `<details>`/`<summary>` 元素实现脚注的方法。我认为它非常聪明。与跳转到其他地方解释脚注的超链接不同，详细信息就在旁边…

我们之前提到过 `<details>` 和 `<summary>` 元素是多么棒。它们非常适合快速 创建手风琴，这些手风琴可供触控、鼠标和键盘输入使用

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

在 JavaScript 中为手风琴创建动画是网站上最常被问到的动画之一。有趣的事实：jQuery 的 `slideDown()` 函数已经在 2006年的第一个版本 中可用。

在本文中，我们将了解如何为本机…