暗模式按钮容器[关闭]答案

【问题标题】：暗模式按钮容器[关闭]
【发布时间】：2022-01-23 16:22:15
【问题描述】：

作为暗模式切换按钮的容器的语义 HTML 元素是什么？我们可以使用<header> 元素吗？如果没有，直接在<body>下使用可以吗？

【问题讨论】：

我认为这方面没有任何细节，“暗模式”不是 HTML 规范的一部分（至少据我所知）。它比其他任何东西都更像一个主题，因此该选项可以去任何你想去的地方。我看到它在网站的前面和中心，并埋在其他地方的深处。
不幸的是，这是基于意见的，因此明显偏离主题； HTML 中没有特定的“用户首选项”元素（到目前为止），因此可以表达无数的选项和首选项，并且没有客观正确或不正确的方法来包装这样的按钮。
是的，<body> 可以；但实际上 99.9% 的情况下，您想要的网站风格要求您提供更多标记，这不可避免地会导致人们使用各种 <div>s 和其他容器（例如 <header> 和 @ 987654328@)。但是我想不出任何不直接在<body> 中支持的东西（除了进入<head> 的元数据和可能的纯文本节点）。

标签： html

【解决方案1】：

Dark mode 在 HTML 中没有语义标记。为此，方法不止一种，您可以使用input 和type="radio" or "checkbox"。

对于input 示例，您可以查看以下链接：

【讨论】：