close

hidden 是 HTML5 具爭議的新功能之一。依據規範定義，hidden 應該套用在使者所檢視的畫面中 尚未或不再有關係 的內容，故瀏覽器不該將它呈現出來

但，文件物件模型(DOM)與搜尋引擎等機器仍然可以存取它的內容，也就是說如果該內容與使用者正檢視的畫面有關的話，JavaScript就可以鎖定它(例如)，並移除這個屬性將內容呈現

 

※在預設值的情況下，瀏覽器輸出結果 與一般表格 無異

 

 

原始碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>測試</title>
</head>
<body>
    <div>
        <ol start="3">
            <li hidden>咖啡</li>
            <li>牛奶</li>
            <li>茶</li>
        </ol>
    </div>

    
</body>
</html>

 

 

輸出畫面：

1521527672033.jpg

 

arrow
arrow
    全站熱搜

    ksyia 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄