Thẻ details sẽ xác định chi tiết bổ sung mà người dùng có thể ẩn hiện theo yêu cầu.
Thẻ details có thể được dùng để tạo một widget tương tác mà người dùng có thể mở và đóng. Bất kỳ loại nội dung nào cũng có thể được đặt bên trong thẻ details.
Các nội dung trong cặp thẻ details sẽ không được hiển thị, trừ khi được đặt thuộc tính mở.
Cách sử dụng thẻ details
Ví dụ: sử dụng thẻ details để tạo widget tương tác.
Bài viết này được đăng tại [kiso.vn]
<!DOCTYPE html>
<html>
<head>
<title>Học lập trình miễn phí tại kiso.vn</title>
<meta charset="utf-8">
</head>
<body>
<h1>Học lập trình miễn phí tại kiso.vn</h1>
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
<p><b>Note:</b> The details tag is not supported in Internet Explorer.</p>
</body>
</html>
Thuộc tính của thẻ details
- open – chỉ định nội dung trong thẻ details sẽ được hiển thị cho người dùng.
Trình duyệt hỗ trợ
- Chrome 12.0
- Firefox 49.0
- Safari 6.0
- Opera 15.0
Tham khảo: w3schools.com
Bài viết liên quan
[CSF-2] Một số thiết lập CSF, LFD
Hôm nay mình sẽ thực hiện một số thiết lập trên CSF Mở file config để sửa đổi một số tính năng dưới /etc/csf/csf.conf Nội dung chínhCách sử dụng thẻ detailsThuộc tính của thẻ detailsTrình duyệt...
[CSF-1] Tăng bảo mật Server với ConfigServer Firewall (CSF)
Nội dung chínhCách sử dụng thẻ detailsThuộc tính của thẻ detailsTrình duyệt hỗ trợ1. Khái niệm CSF: CSF (ConfigServer & Firewall) là một bộ ứng dụng hoạt động trên Linux như một firewall được phát hành...
Sử dụng SSH Key với Gitlab và Github
Bài viết này mình sẽ hướng dẫn các bạn tạo ssh key cho Gitlab và Github SSH là gì? Secure Socket Shell là một giao thức mạng dùng để thiết lập kết nối mạng một...
Directory traversal vulnerabilities (phần 4)
Nội dung chínhCách sử dụng thẻ detailsThuộc tính của thẻ detailsTrình duyệt hỗ trợV. Phân tích và khai thác các lỗ hổng Directory traversal (tiếp) 5. Bypass lỗ hổng khi trang web sử dụng đường dẫn...
Directory traversal vulnerabilities (phần 3)
Nội dung chínhCách sử dụng thẻ detailsThuộc tính của thẻ detailsTrình duyệt hỗ trợV. Phân tích và khai thác các lỗ hổng Directory traversal 1. Lỗ hổng xảy ra khi sử dụng các hàm đọc file...
Directory traversal vulnerabilities (phần 2)
Nội dung chínhCách sử dụng thẻ detailsThuộc tính của thẻ detailsTrình duyệt hỗ trợIII. Vì sao lỗ hổng Directory traversal xuất hiện? Với mỗi ngôn ngữ lập trình khác nhau, điểm xuất hiện các lỗ hổng...