عنوان تعریف (dt)
تگ «عنوان تعریف (dt)» واژه اصلی لیست توضیحی را نشان می دهد. یعنی اسم را می نویسی و بعداً با «dd» معنی اش را می آوری. مثل لغت و معنی در دفتر مدرسه.
تگ dt دقیقاً چه می کند؟
تگ dt نام یا «اصطلاح (Term)» را مشخص می کند. این تگ همیشه همراه dl می آید. سپس توضیح همان اصطلاح با dd نوشته می شود.
نمونه ساده dl + dt + dd
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
نمایش پیش فرض مرورگر
مرورگرها «dt» را بلوکی نشان می دهند. بنابراین هر «dt» در خط جدا می آید.
dt {
display: block;
}
مراحل کاربردی سریع
- یک <dl> بساز و ساختار را آماده کن.
- واژه را داخل <dt> بنویس.
- توضیح همان واژه را در <dd> بیاور.
جمع بندی سریع
- dt نامِ آیتم را مشخص می کند.
- dt کنار dl و dd معنی دارد.
- نمایش dt پیش فرض، بلوکی است.
- بین dt و dd ترتیب را حفظ کن.
نکته: برای چیدمان کلی بخش ها از div کمک بگیر. همچنین صفحه عنوان تعریف را به عنوان لنگر سئو نگه دار.