Tag details
Định nghĩa và sử dụng Tag details xác định thêm chi tiết hoặc điều khiển có thể được ẩn hoặc hiển thị theo yêu cầu. Nội dung của tag details không được hiển thị, trừ khi thuộc tính open được thiết lập. Tag details thường được dùng kèm với tag summary, để làm tiêu đề […]
Định nghĩa và sử dụng
- Tag details xác định thêm chi tiết hoặc điều khiển có thể được ẩn hoặc hiển thị theo yêu cầu.
- Nội dung của tag details không được hiển thị, trừ khi thuộc tính open được thiết lập.
- Tag details thường được dùng kèm với tag summary, để làm tiêu đề cho details.
Sự khác nhau giữa HTML và XHTML
| HTML4.01 | HTML5 |
|---|---|
| Không hỗ trợ | Đây là tag mới trong HTML5 |
Cấu trúc
<details>
<summary>Tiêu đề<summary>
</details>
Ví dụ
Html viết:
<details>
<summary>Học HTML<summary>
<p>Học từ cơ bản đến nâng cao.</p>
<p>Tham khảo những phần liên quan.</p>
</details>
Trình duyệt hỗ trợ
Yêu cầu phiên bản trình duyệt với mức tối thiểu được hỗ trợ cho thẻ details
Trình duyệt dành cho PC:
- Google Chrome 20
- Safari 6
Điện thoại (Smartphone)
Trình duyệt
- Chrome mobile
Máy tính bảng (Tablets)
Trình duyệt
- Chrome mobile
Thiết bị hỗ trợ
Yêu cầu phiên bản hệ điều hành và trình duyệt với mức tối thiểu được hỗ trợ cho thẻ details:
Điện thoại (Smartphone)
Hệ điều hành
- IOS 6.0
- Android 4.0
- BlackBerry 10
Máy tính bảng (Tablets)
Hệ điều hành
- IOS 6.0
- Android 4.0
- BlackBerry 10
- PlayBook OS 2.0
Thuộc tính
Cách sử dụng: <details thuoctinh=”giatri”></details>
Thuộc tính tùy chọn
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| open | open | Xác định <details> được hiển thị. |
Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5