به طور خلاصه، <ul> برای لیست های بدون ترتیب (مانند یک سری موارد بدون نیاز به شماره گذاری) و <li> برای لیست های مرتب شده (مانند مراحل یک دستور غذا که نیاز به شماره گذاری دارند) استفاده می شود.
کلمه ul مخفف UnOrdered List می باشد که به معنی لیست نامرتب می باشد.
لیست نامرتب به معنی آن است که ترتیب آیتم ها در آن اهمیتی ندارد.
همچنین ترتیب خاص یا هیچ گونه شماره ندارد در کنار تمام آیتم ها یک دایره مشکی تو پر قرار می گیرد.
شما با استفاده از CSS می توانید رنگ یا شکل این دایره تو پر مشکی را تغییر دهید.
متن هایی که در تگ ol قرار می گیرند، دارای شماره گذاری هستند، یعنی ترتیب آیتم ها در آن اهمیت دارد.
این تگ چه کاربردی دارد؟
مثلا شما می خواهید مراحل نصب یک نرم افزار را به ترتیب توضیح دهید، برای این کار می توانید از تگ ol کمک بگیرید تا کاربر متوجه ترتیب شود و مراحل را به ترتیب دنبال کند.
از تگ li برای تعریف آیتم ها در لیست های نامرتب یا مرتب استفاده می شود.
همان طور که در مثال های بالا تماشا کردید، آیتم ها در بین این تگ قرار می گیرند.
و تگ li نیز بین تگ های ul و ol قرار می گیرد.
از این تگ میتوان در تگ ul برای ساخت لیست های نامرتب و در ol برای ساخت لیست های مرتب استفاده کرد.
همچنین از li در تگ menu برای ایجاد آیتم ها (گزینه ها) استفاده می شود.
تگ ul به ترتیب آیتم ها اهمیتی نمی دهد و برای نشان دادن چند نکته مهم یا… که ترتیب خاصی ندارند استفاده می شود.
اما در تگ ol ترتیب اهمیت دارد، مثلا برای توضیح مراحل یک کار به ترتیب یا… که باید طبق یک ترتیب خاص نمایش داده شوند، از این تگ استفاده می شود.
۵ مقاله اخیر از این قسمت برای شما در دسترس است
شما می‌توانید مقالات برگزیده را اینجا مشاهده کنید
جایی که ایده‌ها جان می‌گیرند و خلاقیت حرف اول را می‌زند. ما یک تیم با ذهنی پویا هستیم که می‌خواهیم مرزهای معمول را جابه‌جا کنیم و راهی نو به‌سوی دنیای خلاقانه‌تر بسازیم.
تمامی حقوق برای سایت خلاق کده محفوظ می باشد.
