html - 是完全不渲染 HTML 更好，还是添加显示 :none? 更好

Question

据我所知，根本不为元素呈现 HTML，或添加 display:none，似乎具有完全相同的行为:两者都使元素消失并且不与 HTML 交互。

我正在尝试禁用和隐藏一个复选框。所以HTML的总量很小；我无法想象性能会成为问题。

就编写服务器代码而言，编码工作大致相同。

给定这两个选项，一个比另一个更好？或者我使用哪个根本不重要？

Answer 1

As far as I understand, not rendering the HTML for an element at all, or adding display:none, seem to have exactly the same behavior: both make the element disappear and not interact with the HTML.

不，这两个选项没有“完全相同的行为”。

如果你用 CSS ( display:none ) 隐藏一个元素，它仍然会被渲染为

• 不支持 CSS 的用户代理(例如，文本浏览器)，以及
• 覆盖您的 CSS 的用户代理(例如，用户样式表)。

因此，如果您不需要它，请不要包含它。

如果出于某种原因，您必须包含该元素，但它与您的文档/用户无关(无论在哪个演示文稿中)，则使用 hidden attribute .通过使用此属性，您可以在 HTML 级别提供信息，因此不需要/不相关的 CSS 支持。
你可能想使用 display:none此外(这是许多支持 CSS 的用户代理所做的事情，但它对于不支持 hidden 属性的支持 CSS 的用户代理很有用)。
您也可以使用 aria-hidden state此外，这对于支持 WAI-ARIA 但不支持 hidden 的用户代理可能很有用。属性。