首页 > 解决方案 > HTML的“隐藏”属性的适当用例?选项卡式内容?

问题描述

在隐藏属性的 MDN 页面上,它声明(强调我的):

隐藏的适当用例包括:

  • 尚不相关但以后可能需要的内容
  • 以前需要但不再需要的内容
  • 以类似模板的方式被页面的其他部分重用的内容
  • 创建一个屏幕外画布作为绘图缓冲区

不适当的用例包括:

  • 在选项卡式对话框中隐藏面板

这令人困惑,我不确定他们试图传达什么描述以及为什么。什么是选项卡式内容,如果不是尚未相关但以后可能需要的内容,然后是以前需要但不再需要的内容?

另外,这有什么规范的吗?

标签: htmldom

解决方案


你的问题让我思考,我找到了 HTML 文档,上面写着:

当在元素上指定时,[隐藏属性]表示该元素尚未或不再与页面的当前状态直接相关,或者它正在用于声明内容以供页面的其他部分重用而不是由用户直接访问。

我认为这是关于我们假设一个元素是什么。模态框或对话框被视为单个元素,但不建议为其添加hiddenhtml 属性。此外,如果页面的当前状态正在显示选项卡式对话框(例如 fe 显示登录模式,这将是登录之前唯一相关的元素,并且在登录之后完全不相关),那么所有选项卡都与当前页面的状态相关。

我想说的是 - 这纯粹是语义上的差异。如果您的hidden属性用例可以通过上面的解释来证明,那就去做吧。如果没有,最好坚持CSS方式。


推荐阅读