یکی دیگر از انواع لیست‌هایی که در html و در طراحی سایت ارائه می‌شوند، لیست‌های توصیفی هستند. در این مقاله از مجموعه مقالات آموزش سئو و آموزش طراحی سایت قصد داریم، شما را با لیست‌های توصیفی در طراحی سایت آشنا کنیم.

همچنین html از لیست‌های توصیفی (description list) پشتیبانی می‌کند. یک لیست توصیفی، یک لیست با فهرست است که هر اصطلاح در آن دارای یک توضیح و توصیف است. در طراحی سایت برای تعریف این لیست از تگ <dl> استفاده می‌کنیم.

علاوه بر این در طراحی سایت، برای ایجاد لیست‌های توصیفی از تگ <dt> معرف اصطلاح (نام) و تگ <dd> به منظور توصیف هر اصطلاح استفاده می‌شود. <dl>
<dt> Coffee </dt>
<dd> - black hot drink </dd>
<dt> Milk </dt>
<dd> - white cold drink </dd>
</dl>

به طور خلاصه می‌توان چنین گفت که در طراحی سایت برای ایجاد description list که نوعی لیست با توضیحات و تفاسیر مربوطه است، به طور کلی از سه تگ در html استفاده می‌کنند که به شرح زیر است:

• تگ <dl> در html: این تگ همانطور که در بالا گفته شد تگ اصلی برای معرفی و شروع ایجاد لیست توصیفی در طراحی سایت است.

• تگ <dt> در html: از این تگ در داخل تگ <dl> به منظور معرفی اصطلاح در طراحی سایت استفاده می‌شود.

• تگ <dd> در html: تگ <dd> در طراحی سایت به منظور ایجاد لیست‌های توضیحی برای ارائه توضیحات داده ها استفاده می‌شود.