لیستها یکی از ابزارهای مهم در HTML برای سازماندهی محتوا هستند. در این درس با سه نوع متداول لیست آشنا شدیم:
🔹 ۱. لیست نامرتب (Unordered List)
- زمانی استفاده میشود که ترتیب آیتمها اهمیتی ندارد.
- با تگ
<ul>ساخته میشود و هر آیتم داخل<li>قرار میگیرد.
مثال:
<ul>
<li>شیر</li>
<li>نان</li>
<li>هویج</li>
</ul>
📌 خروجی: آیتمها با علامت گلوله نمایش داده میشوند.
🔹 ۲. لیست مرتب (Ordered List)
- زمانی استفاده میشود که ترتیب آیتمها مهم است.
- با تگ
<ol>ساخته میشود و آیتمها بهصورت شمارهگذاری نمایش داده میشوند.
مثال:
<ol>
<li>بیدار شدن</li>
<li>مسواک زدن</li>
<li>دوش گرفتن</li>
<li>صبحانه خوردن</li>
</ol>
📌 خروجی: آیتمها با شماره نمایش داده میشوند.
🔹 ۳. لیست توضیحی (Description List)
- برای تعریف یا توضیح اصطلاحات و دادهها استفاده میشود.
- با تگ
<dl>ساخته میشود.<dt>: اصطلاح یا عنوان (Description Term)<dd>: توضیح یا داده مربوط به آن (Description Data)
مثال:
<dl>
<dt>عنوان:</dt>
<dd>یک کتاب خیالی</dd>
<dt>نویسنده:</dt>
<dd>برد شیف</dd>
<dd>جان دو</dd>
<dt>تعداد صفحات:</dt>
<dd>۵۰۰ صفحه</dd>
</dl>
📌 خروجی: جفتهای «عنوان + توضیح» نمایش داده میشوند.
🎯 جمعبندی
- از
<ul>استفاده کنید وقتی ترتیب مهم نیست. - از
<ol>استفاده کنید وقتی ترتیب مهم است. - از
<dl>استفاده کنید وقتی میخواهید چیزی را تعریف یا توصیف کنید.