HTML 参考手册

HTML 标签大全

HTML: <template> 标签

HTML hidden属性

全局属性 hidden 是一个布尔属性，表示一个元素尚未或者不再相关。例如，它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性，它就不会被显示。

HTML 全局属性

改变具有hidden属性的元素的CSS的 display 属性将覆盖该行为。例如, 元素被设置为 display: flex 将会导致元素显示出来，尽管设置了hidden属性

在线示例

演示隐藏段落和正常段落:

示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML hidden 属性的使用(基础教程网 nhooo.com)</title>
</head>
<body>
<p hidden="hidden">这是一段被隐藏的段落。</p>
<p>这是一段正常可见的段落。</p>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持。

定义和用法

hidden属性是一个布尔属性。
如果存在，它指定一个元素尚不相关或不再相关。
浏览器不应显示具有指定的hidden属性的元素。
hidden属性还可以用于阻止用户看到元素，直到满足某些其他条件（如选择复选框等）为止。然后，JavaScript可以删除hidden属性，并使该元素可见。

HTML 4.01 与 HTML5之间的差异

hidden 属性是 HTML5 中的新属性。

HTML 与 XHTML 之间的差异

在 XHTML 中, 属性禁止简写，hidden 属性必须定义为 <element hidden="hidden">.

语法

<element hidden>

HTML 全局属性

HTML: <template> 标签