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 屬性的使用(菜鳥教程 cainiaoplus.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> 標簽