سبد (0)

تبلیغات

تگ details در HTML

مثال (تگ details در HTML)

استفاده از عنصر <details>:

<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 

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان