خانه آموزش HTML آموزش تگ های HTML آموزش تگ dl در HTML

آموزش تگ dl در HTML

توسط

۱۳۹۷-۱۲-۲۵

آموزش تگ dl در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ dl در HTML با من همراه باشید.

آموزش تگ dl در HTML

Free-Learn

در این جلسه میخوانیم

1 تگ dl در HTML
2 مثال از تگ dl در HTML
3 پشتیبانی مرورگرها
4 پشتیبانی از صفات و رویدادهای عمومی
5 نکات و توضیحات
6 دستورات CSS پیش فرض

تگ dl در HTML

تگ dl تگی است که با استفاده از آن میتوان یک لیست تعریفی یا لیست دارای توضیحات ایجاد نمود.

ما برای ایجاد یک لیست توضیحی ، باید از تگ dl و برای ایجاد آیتم های لیست از تگ dt و در نهایت برای ایجاد توضیحات از تگ dd استفاده نماییم.

Free-Learn

مثال از تگ dl در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

<body>
 
<dl>
 <dt>Free-Learn</dt>
    <dd>» Is Free</dd>
 <dt>My Name</dt>
    <dd>» Is Sadegh</dd>
 <dt>My Family</dt>
    <dd>» Is Asadi</dd>
</dl>
 
</body>

<body>

<dl>

<dt>Free-Learn</dt>

<dd>» Is Sadegh</dd>

<dt>My Family</dt>

<dd>» Is Asadi</dd>

</dl>

</body>

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ dl در HTML پشتیبانی میکنند یا خیر.

نام مرورگر	Chrome	Firefox	Opera	Safari	IE
پشتیبانی	بله	بله	بله	بله	بله

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ dl از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

در HTML4.01 با استفاده از تگ dl میتوان یک لیست تعریفی را ایجاد کرد ولی در HTML5 با استفاده از این تگ میتوان یک لیست توضیحاتی (لیست دارای توضیح) را ایجاد نمود.

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ dl را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.

dl {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

dl {

display: block;

margin-top: 1em;

margin-bottom: 1em;

margin-left: 0;

margin-right: 0;

}