تگ details در HTML
مثال (تگ details در HTML)
استفاده از عنصر <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>
خودتان امتحان کنید »
تعریف و کاربرد تگ details در HTML
تگ <details> جزئیات اضافی که کاربر بر حسب تقاضا می تواند مشاهده یا مخفی نماید را مشخص می کند.
تگ <details> مورد استفاده برای ایجاد یک ویجت تعاملی است که کاربر با استفاده از کلیک کردن می تواند باز یا بسته اش نماید. و هر نوع محتوایی را می توان داخل تگ <details> قرار داد.
محتوای عنصر <details> نباید قابل مشاهده باشد مگر این که ویژگی های open قرار داده شده باشد.
پشتیبانی مرورگرها از تگ details در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
| عنصر | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | پشتیبانی نمی شود | پشتیبانی نمی شود | 6.0 | 15.0 |
تفاوت بین HTML 4.01 و HTML5
تگ <details> یک تگ جدید در HTML5 است.
نکته ها و ترفندها
نکته: تگ <summary> برای تعیین یک عنوان قابل مشاهده به جزئیات مورد نظر استفاده می شود. این عنوان قابل کلیک کردن می باشد تا در صورت نیاز، جزئیات مخفی یا نمایان شوند.
خصوصیت ها
جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| open | open | مشخص می کند که جزئیات برای کاربر نمایان (open) باشد. |
ویژگی های عمومی تگ details در HTML
تگ <details> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ details در HTML
تگ <details> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ details در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 11204
