تگ dl در HTML

در این مقاله با تگ dl در HTML آشنا خواهید شد.

نکات اصلی  HTML dl:

• عنصر <dl> لیست تعریف HTML را در HTML4 نشان می دهد.
• در HTML5 ، دوباره مورد استفاده قرار گرفت و به عنوان لیست توضیحات تغییر نام یافت. همین امر آن را بیشتر به عنصری معنایی تبدیل کرده است.
• چنین لیست هایی برای واژه نامه ها ، فراداده ها ، سوالات متداول و انواع مشابه لیست ها به خوبی کار می کنند.
• عنصر HTML dl از تمام ویژگی های جهانی پشتیبانی می کند.

dl چیست؟

dl یعنی چی؟ ، مخفف یک لیست توضیحات است. چنین لیستی شامل جفت های نام و ارزش است: اصطلاحات و تعاریف آنها ، سوال ها و جواب ها و غیره در این جفت ها ، عناصر <dt> نشان دهنده نام ها هستند و عناصر <dd> به معنای مقادیر هستند.

<dl>
  <dt>Car</dt>
  <dd>A vehicle used for boring transportation.</dd>
  <dt>Hot air balloon</dt>
  <dd>A vehicle used for fun transportation.</dd>
</dl>

نکته: می توانید عناصر HTML dl خود را در تگ <div> برای اهداف یک ظاهر طراحی شده یا ویژگی های جهانی اعمال کنید.

جفت های Name-Value برای HTML dl

قبل از HTML5 ، نام عنصر dl به عنوان یک لیست تعریف HTML رمزگشایی شد. به روزرسانی در یک لیست توضیحات ، هدف این عنصر را واضح تر و همچنین گسترده تر می کند: این جفت لزوماً نیازی به درج توضیح ندارد ، مادامی که یک جفت نام و ارزش در چشم باشد.

قوانین مربوط به جفت های نام و ارزش انعطاف پذیر هستند: لازم نیست فقط یکی از آن ها وجود داشته باشد. برای دریافت ایده مثال زیر را بررسی کنید:

<h3>One name, one value:</h3>
<dl>
  <dt>BitDegree</dt>
  <dd>Gamified online education platform</dd>
</dl>

<h3>One name, multiple values:</h3>
<dl>
  <dt>BitDegree Learn</dt>
  <dd>Code theory</dd>
  <dd>Code examples</dd>
  <dd>Code editor</dd>
</dl>

<h3>Multiple names, one value:</h3>
<dl>
  <dt>BitDegree Learn</dt>
  <dt>BitDegree Courses</dt>
  <dt>BitDegree Gamified Experience</dt>
  <dd>Tools needed to become a great developer</dd>
</dl>

هشدار: برای گفتگو از HTML dl استفاده نکنید! در حالی که این استفاده در HTML4 پیشنهاد شده است ، اما اکنون منسوخ شده است ، زیرا شما به هیچ وجه سخنران را توصیف نمی کنید.

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

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.