تگ dl در HTML

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

تگ dl چیست؟

تگ dl که مخفف عبارت Description List است برای ایجاد لیست توضیحات به کار می رود.

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

این تگ با <dl> شروع شده و با </dl> پایان می یابد.

<dl></dl>

مثال تگ dl

کد:

<dl>
  <dt>عنوان</dt>
    <dd>توضیحات</dd>
  <dt>عنوان</dt>
    <dd>توضیحات</dd>
</dl>

اجرا

تنظیمات پیش فرض CSS

تنظیمات پیش فرض CSS تگ dl در اکثر مرورگرها به صورت زیر است:

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

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

تگ dl با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS