HTML5: <details> & <summary>


Khóa học qua video:
Python C# Lập trình C Java SQL Server PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên

Hai phần tử này dùng để hiển thị phần đầu đề và nội dung chi tiết cho phần đầu đề.

Cú pháp:

<DETAILS>

<SUMMARY>Đầu đề</SUMMARY>

Nội dung chi tiết

</DETAILS>

Phần nội dung chi tiết mặc định sẽ ẩn đi. Khi bạn nhấn vào phần đầu đề thì nội dung chi tiết sẽ hiện ra.

Ví dụ:

<DETAILS>

<SUMMARY>HTML5</SUMMARY>

Là chuẩn HTML mới nhất hiện nay.

</DETAILS>

Nếu bạn muốn nội dung chi tiết mặc định sẽ được hiện ngày từ đầu thì bạn sử dụng thêm thuộc tính OPEN của phần tử <DETAILS>.

Ví dụ:

<DETAILS open>

<SUMMARY>CSS3</SUMMARY>

Là chuẩn CSS mới nhất hiện nay.

</DETAILS>

 

» Tiếp: <dialog>
« Trước: <datalist>
Khóa học qua video:
Python C# Lập trình C Java SQL Server PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên
Copied !!!