آموزش HTML : لیست ها
حالا بیایید توجه خود را به لیستها معطوف کنیم. لیستها در همه جای زندگی وجود دارند - از لیست خرید شما گرفته تا لیست مسیرهایی که هر روز به طور ناخودآگاه برای رسیدن به خانه خود دنبال میکنید، تا لیست دستورالعملهایی که در این آموزشها دنبال میکنید! شاید برای شما تعجبآور نباشد که HTML مجموعهای از عناصر مناسب دارد که به ما امکان تعریف انواع مختلف لیست را میدهد. در وب، سه نوع لیست داریم: لیستهای نامرتب، مرتب و توصیفی. این درس به شما نشان میدهد که چگونه از انواع مختلف استفاده کنید.
لیستهای نامرتب برای علامتگذاری فهرستهایی از اقلام استفاده میشوند که ترتیب اقلام در آنها اهمیتی ندارد. بیایید یک لیست خرید مواد غذایی را به عنوان مثال در نظر بگیریم:
در این مثال، آیتمها میتوانند به هر ترتیبی باشند. برای ایجاد این لیست در HTML، ابتدا کل لیست را در یک عنصر (لیست نامرتب) قرار میدهیم. سپس، هر آیتم را در یک عنصر (لیست آیتمها) قرار میدهیم:
لیستهای مرتب، لیستهایی هستند که در آنها ترتیب آیتمها مهم است. بیایید مجموعهای از دستورالعملها را به عنوان مثال در نظر بگیریم:
ساختار نشانهگذاری همانند لیستهای نامرتب است، با این تفاوت که باید آیتمهای لیست را به جای در یک عنصر قرار دهید:
کاملاً اشکالی ندارد که یک لیست را درون لیست دیگری قرار دهید. شاید بخواهید چند زیرفهرست زیر یک فهرست سطح بالا داشته باشید. بیایید لیست دوم را از مثال دستور پخت خود در نظر بگیریم:
از آنجایی که دو بولت آخر ارتباط بسیار نزدیکی با بولت قبلی خود دارند (مانند زیردستورالعملها یا گزینههایی هستند که در زیر آن بولت قرار میگیرند)، منطقی است که آنها را درون لیست نامرتب خودشان قرار دهیم و آن لیست را درون بولت چهارم فعلی قرار دهیم. این به این صورت خواهد بود:
هدف از فهرستهای توصیفی، نشانهگذاری مجموعهای از موارد و توضیحات مرتبط با آنها، مانند اصطلاحات و تعاریف، یا پرسش و پاسخ است. بیایید به مثالی از مجموعهای از اصطلاحات و تعاریف نگاهی بیندازیم:
فهرستهای توصیفی از یک پوشش متفاوت نسبت به سایر انواع فهرست استفاده میکنند - ؛ علاوه بر این، هر اصطلاح در یک عنصر (اصطلاح توصیفی) و هر توصیف در یک عنصر (تعریف توصیفی) قرار میگیرد.
بیایید علامتگذاری مثال خود را تمام کنیم:
سبکهای پیشفرض مرورگر، لیستهای توضیحات را با کمی فاصله از عبارات نمایش میدهند.
توجه داشته باشید که داشتن یک عبارت واحد با چندین توضیح مجاز است، برای مثال:
