Tôi có thể sử dụng HTML ẩn không?

Hành vi này chủ yếu là cần thiết nếu chúng tôi tạo định tuyến theo chương trình. Nếu chúng tôi có một phương thức chứa nội dung trong DOM của chúng tôi, nhưng chúng tôi chỉ muốn hiển thị nội dung đó khi người dùng mở nó, chúng tôi có thể sử dụng thuộc tính ẩn. Chúng tôi không phải đưa ra một giá trị cho tài sản này;

    Hello, I'm a modal!

Sử dụng thuộc tính ẩn vì ngữ nghĩa

Nếu chúng ta sử dụng thuộc tính ẩn, chúng ta sẽ làm cho ngữ nghĩa của mình tốt hơn một chút. Bất kỳ ai cũng sẽ hiểu thuộc tính “ẩn” có nghĩa là gì trên một phần tử

Mặc dù đây là một tính năng nhỏ gọn nhưng chúng tôi có thể gặp sự cố về khả năng tương thích. Nếu chúng ta muốn trở nên toàn diện hơn, cách tốt nhất là luôn sử dụng một kỹ thuật được hỗ trợ tốt nhất. Một lớp thuần túy với hiển thị. none; có thể đạt được kết quả tốt hơn, nhưng điều đó cũng tùy thuộc vào dự án. Nếu bạn muốn tìm hiểu thêm về các kỹ thuật ẩn CSS, hãy truy cập bài viết khác của chúng tôi.

Thuộc tính ẩn cũng sẽ ẩn nội dung khỏi trình đọc màn hình

Để được hỗ trợ thêm, chúng ta cũng có thể tạo một “polyfill” nhỏ trong CSS như vậy

*[hidden] { display: none; }

Như bạn có thể thấy trên Tôi có thể sử dụng không

Hãy thận trọng với độ đặc hiệu thấp

Một điều thật dễ dàng, để ghi đè hành vi thuộc tính ẩn thông qua CSS. Nếu bạn muốn sử dụng thuộc tính này để che giấu điều gì đó, bạn phải nhớ rằng nó yếu. Nói chung, nó là một bộ chọn thuộc tính trên tác nhân người dùng. Bạn có thể ghi đè lên nó bằng mọi thứ từ bộ chọn lớp đơn giản

Thuộc tính ẩn trong HTML được sử dụng để xác định khả năng hiển thị của các phần tử. Nó chứa một giá trị boolean. Nó là một chỉ báo ngữ nghĩa của trạng thái trong mã HTML. Nếu thuộc tính này được sử dụng thì trình duyệt sẽ không hiển thị các phần tử có thuộc tính ẩn được chỉ định. Thuộc tính ẩn có thể được nhìn thấy bằng cách sử dụng một số điều kiện hoặc JavaScript được sử dụng để xem nội dung ẩn. Thuộc tính này có thể hữu ích khi sử dụng để tiếp tục ẩn nội dung hoặc thành phần nhằm hiển thị nội dung đó với người dùng, cho đến khi một số điều kiện khác được đáp ứng, chẳng hạn như chọn hộp kiểm, v.v.

cú pháp

Ghi chú. Thuộc tính này là mới trong HTML 5

Thẻ được hỗ trợ. Đây là một thuộc tính Toàn cầu và có thể được sử dụng trên bất kỳ phần tử HTML nào

Example 1: This simple example illustrates hiding the content from the user by using the hidden attribute with the

 Select a file to upload