另外一個新出現的屬性就是hidden屬性。當一個網頁元素有了hidden屬性後,它的表現跟CSS的display: none;作用非常相似,元素將會消失,而且不占用任何頁面空間。寫法很簡單:
復制代碼代碼如下:
<div hidden>
You can't see me!
</div>
如果你使用的是老式浏覽器,不支持這個屬性,你可以在CSS裡添加下面的代碼來支持它::
復制代碼代碼如下:
*[hidden] { display: none; }
那麼,為什麼要用hidden屬性呢?意義在於語義上更有意義,對代碼的可讀性有提升。而且相對於CSS裡的display:none,字面上更簡單!