ใช้แอตทริบิวต์ hidden ใน HTML5 เพื่อสร้างย่อหน้าที่ซ่อน (hidden paragraph) หมายถึงองค์ประกอบที่ไม่เกี่ยวข้องหรือไม่ควรแสดงอีกต่อไป
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ hidden ใน HTML5:
<!DOCTYPE html>
<html>
<body>
<h2>หัวข้อ</h2>
<p>นี่คือย่อหน้าสาธิตและมองเห็นได้</p>
<p hidden>นี่คือย่อหน้าสาธิตและซ่อนอยู่</p>
</body>
</html>
รายละเอียด:
- เป็น boolean attribute - มีอยู่ = ซ่อน, ไม่มี = แสดง
- เทียบเท่า CSS
display: none - เข้าถึงได้ผ่าน JavaScript:
element.hidden = true/falseหรือelement.style.display = 'none/block' - แตกต่างจาก
visibility: hiddenที่ยังครองพื้นที่ - Screen readers จะข้ามองค์ประกอบที่ hidden
