Tạo đoạn văn ẩn (hidden) trong HTML5

Thuộc tính boolean hidden (HTML5) ẩn phần tử hoàn toàn: không hiển thị, không chiếm diện tích layout, không truy cập được bằng tab, không đọc bởi screen reader. Tương đương CSS display: none.

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <h2>Tiêu đề</h2>
    <p>Đoạn văn này hiển thị bình thường.</p>
    <p hidden>Đoạn văn này ẩn (hidden).</p>
  </body>
</html>

Đặc điểm

• Boolean: chỉ viết hidden hoặc hidden="hidden".
• CSS: [hidden] { display: none; } (browser default).
• JS: element.hidden = true/false.
• Khác với aria-hidden="true" (chỉ ẩn khỏi screen reader, vẫn hiển thị thị giác).

Khi nào dùng hidden vs CSS display:none?