امکان نمایش جزئیات بیشتر و یا پنهان کردن آن جزئیات، با کلیک کاربر بر روی یک عنوان، با تگ های details و summary ، در HTML
تگ
details
در HTML ، برای ارائه جزئیاتی اضافه تر به کار می رود که کاربر می تواند تعیین کند که آن جزئیات، نمایش داده شوند و یا اینکه پنهان شوند.
بنابراین کاربر یک عبارت را می بیند و در صورتی که بخواهد جزئیات را به طور کامل مشاهده نماید، با کلیک بر روی آن عبارت، جزئیات به طور کامل نمایش داده می شوند و همچنین با کلیک مجدد، جزئیات پنهان می شوند.
با به کار بردن تگ
summary
درون تگ
details
، می توانیم مشخص کنیم که عبارت مورد نظرمان که با کلیک بر روی آن، جزئیات نمایش داده می شوند، چه عبارتی باشد.
به مثال زیر توجه کنید :
بخش مهم کدها :
xxxxxxxxxx
<details>
<summary>kelidestan.com</summary>
<p>
--- Learn HTML
</p>
<p>
--- Learn CSS
</p>
</details>
کد کامل صفحه HTML :
xxxxxxxxxx
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<details>
<summary>kelidestan.com</summary>
<p>
--- Learn HTML
</p>
<p>
--- Learn CSS
</p>
</details>
</body>
</html>