تگ <summary></summary> در html - وب سایت PNLdev

نمونه کد

یک نمونه ساده از تگ <summary>:

<form>
	<datalist id="browsers">
</form>

آزمایشگاه

تعریف و کاربرد

تگ <summary> برای قرار دادن عنوان تگ <details> به کار می رود.

به وسیله این تگ، کاربر می تواند اطلاعات اضافی را با کلیک بر روی عنوان، باز و بسته و مشاهده کند.

برای درک بهتر، نمونه کد بالا را در آزمایشگاه مشاهده کنید.

تگ <summary> در داخل تگ <details> و خط اول آن قرار میگیرد.

برای اطلاعات بیشتر صفحه تگ <details> را مشاهده کنید.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<summary>

ویژگی های سراسری

تگ <summary> از ویژگی های سراسری HTML پشتیبانی می کند.

ویژگی های رویداد

تگ <summary> از ویژگی های رویداد HTML پشتیبانی می کند.

نمونه کد های بیشتر

نمونه کد

تگ <summary> در HTML با استایل اختصاصی- مثال شماره 1

<h1>A Example &lt;summary&gt;</h1>
<details>
	<summary>Show details</summary>
	<div>
		<p>This is a sample text enclosed within a &lt;details&gt; and &lt;summary&gt; tag.  و  </p>
		<p>You can view these details by clicking on "View Details".</p>
	</div>
</details>

آزمایشگاه

استایل css پیش فرض

بیشتر مرورگر ها تگ <summary> را با استایل پیشفرض زیر نمایش می دهند:

summary {
	display: block;
}

تگ <summary> در HTML <summary></summary> tag HTML

نمونه کد

تعریف و کاربرد

سازگاری با مرورگر

ویژگی های سراسری

ویژگی های رویداد

نمونه کد های بیشتر

نمونه کد

استایل css پیش فرض

تگ <summary> در HTML
<summary></summary> tag HTML