html - 为什么html标签不用作汉堡菜单？

Question

我从未见过这个，但它看起来非常适合<details>.

这对SEO有害还是为什么不使用？ <details>已经可以在没有 javascript 的情况下作为汉堡包使用，它在https://caniuse.com/?search=details上的全球支持率为 96.6% 。

你有没有想过这个选项？

---

有几种方法可以做到这一点，您可以只使用<details>、 或以及基于媒体查询<details>的标准<nav>和切换。display: none;应该<details>有<nav>里面还是外面？

标签： htmlhamburger-menu

Answer 1

更新：TL：DR；因为它没有“意义”

1. 细节是一个语义标签，无论布局如何，都应该保持其含义。汉堡包通常仅限移动设备，即响应式/演示版。
2. 可访问性也是同样的道理——如果它不那么重要，它应该一直如此。即使细节通过样式在桌面上变得“开放”，它们仍然是屏幕阅读器中的“细节”。
3. 浏览器为其提供了默认样式，可以说是不容易被覆盖。

编辑：直截了当-我想说它对您的搜索引擎优化没有任何作用，无论好坏。