فهرست ها (Lists)
در HTML، «فهرست (List)» یعنی گروه کردن آیتم های مرتبط. با فهرست ها، صفحه مرتب می شود. همچنین، خواندن راحت تر می شود؛ مثل لیست تکالیف مدرسه. سه نوع اصلی داریم: «فهرستِ بدون ترتیب (Unordered)»، «فهرستِ با ترتیب (Ordered)»، و «فهرستِ توضیحات (Description List)». برای جزئیات بعدی، به بخش های زیر برو.
فهرستِ بدون ترتیب (Unordered List)
فهرستِ بدون ترتیب با تگ <ul> شروع می شود. هر آیتم با <li> نوشته می شود. «بولت» یعنی نقطه مشکی کنار هر آیتم.
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
نکته: برای فهرست های ساده خرید یا کارها، از <ul> استفاده کن.
فهرستِ با ترتیب (Ordered List)
فهرستِ با ترتیب با <ol> شروع می شود. این فهرست خودش شماره می گذارد. مثل رتبه های کلاس.
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
نکته: وقتی ترتیب مهم است، مثل مراحل بازی، از <ol> استفاده کن.
فهرستِ توضیحات (Description List)
این مدل برای «اصطلاح و توضیح» است. تگ <dl> ظرف اصلی است؛ <dt> «اصطلاح» و <dd> «توضیح» را می نویسد.
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
برای مرور صفحه «فهرست ها» و نمونه های بیشتر، می توانی همین بخش را نشانه گذاری کنی.
گام های سریع ساخت فهرست
- نوع فهرست را انتخاب کن: ul، ol، یا dl.
- برای هر آیتم، یک
<li>بنویس. - اگر توضیح دار است، از dt و dd استفاده کن.
هشدار: تگ ها را درست ببند. تداخل تگ ها، چیدمان را به هم می ریزد.
جمع بندی سریع
- «فهرست ها» صفحه را مرتب و خوانا می کنند.
<ul>برای موارد بدون ترتیب است.<ol>برای موارد با ترتیب است.<dl>برای اصطلاح و توضیح است.- همیشه تگ ها را درست ببند.
همچنین بخش گروه ستون ها را ببین؛ سپس با تمرینِ «فهرست ها» ساختار صفحه ات را بهتر کن.