html5中布林屬性的hidden

實例

被隱藏的段落：

<p hidden>这个段落应该被隐藏。</p>

瀏覽器支援

IE

#Firefox

Chrome

Safari

Opera

所有主流瀏覽器都支援hidden 屬性，除了Internet Explorer。

定義和用法

hidden 屬性是布林屬性。

如果設定該屬性，它規定元素仍未或不再相關。

瀏覽器不應顯示已規定 hidden 屬性的元素。

hidden 屬性也可用來防止使用者查看元素，直到符合某些條件（例如選擇了某個複選框）。然後，JavaScript 可以刪除 hidden 屬性，以使此元素可見。

HTML 4.01 與 HTML5 之間的差異

hidden 屬性是 HTML5 中的新屬性。

HTML 與 XHTML 之間的差異

在 XHTML 中，屬性簡寫是禁止的，hidden 屬性必須定義為 165e15f7f93ab1e9f266d21f9a96a5f7。

語法

<element hidden>

HTML5為我們帶來了許多非常簡單但非常強大的HTML屬性：placeholder, download, and autofocus，等等。另外一個新出現的屬性就是hidden屬性。當一個網頁元素有了hidden屬性後，它的表現跟CSS的display: none;作用非常相似，元素將會消失，而且不佔用任何頁面空間。寫法很簡單：

<div hidden>
	You can&#39;t see me!</div>

如果你使用的是老式瀏覽器，不支援這個屬性，你可以在CSS裡添加下面的程式碼來支援它：:

*[hidden] { display: none; }

那麼，為什麼要用hidden屬性呢？意義在於語意上更有意義，對程式碼的可讀性有提升。而且相對於CSS裡的display:none，字面上比較簡單！

以上是html5中布林屬性的hidden的詳細內容。更多資訊請關注PHP中文網其他相關文章！