آموزش و يادگيري تگ dd در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <dd> آشنا مي‌شويم. اين تگ براي ارائه تعريف يا توضيح مربوط به يک اصطلاح در داخل ليست تعريف (<dl>) استفاده مي‌شود.

تگ dd در HTML چيست؟

تگ <dd> توضيح يا محتواي مرتبط با تگ <dt> را نشان مي‌دهد و هميشه داخل <dl> استفاده مي‌شود. اين تگ به مرورگر کمک مي‌کند که ساختار معنايي ليست تعريف را تشخيص دهد و نمايش مناسبي ارائه کند.

مثال ساده از تگ dd

<dl>
  <dt>HTML</dt>
  <dd>زبان استاندارد طراحي صفحات وب.</dd;

  <dt>CSS</dt>
  <dd>زبان طراحي و استايل‌دهي صفحات وب.</dd;
</dl>

در اين مثال، هر تعريف با تگ <dd> مشخص شده و اصطلاح مربوطه با <dt> نشان داده شده است.

ويژگي‌هاي مهم تگ dd

مثال با استايل CSS

<style>
  dt {
    font-weight: bold;
    color: #2196f3;
    margin-top: 8px;
  }
  dd {
    margin-left: 20px;
    margin-bottom: 8px;
    color: #555;
  }
</style>

<dl>
  <dt>CPU</dt>
  <dd>پردازنده مرکزي سيستم.</dd;
  
  <dt>RAM</dt>
  <dd>حافظه موقت براي پردازش داده‌ها.</dd;
</dl>

نکات مهم درباره dd

• هميشه بايد داخل <dl> استفاده شود.
• هر <dd> توضيحي براي <dt> قبل از خود ارائه مي‌دهد.
• مي‌توان چندين <dd> براي يک <dt> داشت تا چند تعريف يا توضيح ارائه شود.

براي يادگيري کامل ليست‌هاي تعريف در HTML و نحوه استفاده از تگ‌هاي dl، dt و dd، پيشنهاد مي‌کنيم در دوره آموزش HTML مقدماتي تا پيشرفته آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.