فهرست تعاریف (dl)
«فهرست تعاریف (Description List)» یعنی لیستی از واژه و معنی. تگ اصلی «dl» است. داخلش «dt» برای واژه می آید و «dd» برای توضیح. مثل لغت نامه کوچک داخل صفحه.
فهرست تعاریف چیست؟
تگ dl یک فهرست توضیحی می سازد. سپس با dt «اصطلاح» را می نویسی. بعد با dd معنی همان اصطلاح را می آوری. هر محتوا می تواند ساده و خوانا باشد.
نمونه کامل dl + dt + dd
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
رفتار پیش فرض و نمایش
dl در مرورگرها بلوکی است. حاشیه بالا و پایین دارد. می توانی بعداً با CSS تغییرش دهی.
dl {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
مراحل کاربردی سریع
- یک <dl> بساز و داخلش بنویس.
- برای هر واژه از <dt> استفاده کن.
- برای معنی همان واژه از <dd> استفاده کن.
جمع بندی سریع
- «فهرست تعاریف» با dl ساخته می شود.
- dt واژه است؛ dd توضیح همان واژه.
- نمایش dl بلوکی و استاندارد است.
- استایل ها را با CSS تنظیم کن.
نکته: برای تکمیل موضوع، صفحه dt و dd را هم ببین. همچنین صفحه div برای چیدمان کلی مفید است. اگر نیاز داری از عبارت فهرست تعاریف به عنوان راهنمای داخلی استفاده کن.