רשימות נפוצות יותר ממה שנדמה לכם. אם השתתפתם פעם בשיעור תכנות, יכול להיות שהפרויקט הראשון שלכם היה ליצור רשימת קניות או רשימת משימות. אלה רשימות. מבחנים עם שאלות אמריקאיות הם בדרך כלל רשימות ממוספרות של שאלות: התשובות האפשריות לכל שאלה הן רשימות מוזחות.
יש כמה דרכים שונות לסמן רשימות ב-HTML. יש רשימות ממוספרות (<ol>), רשימות עם תבליטים (<ul>) ורשימות תיאור (<dl>). פריטים ברשימות (<li>) מוטמעים ברשימות ממוספרות וברשימות עם תבליטים.
ברשימת תיאורים מופיעים מונחי תיאור (<dt>) ופרטי תיאור <dd>.. כל המונחים והפרטים האלה מוסברים כאן.
בטפסים ב-HTML, רשימות של רכיבי <option> מרכיבות את התוכן של <datalist>
<select> ושל <optgroup> בתוך <select>. הסוגים האלה מוסברים במאמר בנושא טופסי HTML.
בתפריטים וברשימות לא מסודרות, פריטים ברשימה מוצגים בדרך כלל באמצעות תבליטים. ברשימות ממוספרות, בדרך כלל מופיע לפני כל פריט מונה עולה, כמו מספר או אות. אפשר לשלוט בסדר של התבליטים והמספרים או להפוך אותו באמצעות HTML או CSS, או שניהם.
כברירת מחדל, פריטים ברשימות מסודרות ולא מסודרות מתחילים במספרים או בתבליטים. אבל גם אם אתם לא רוצים שהרשימות ייראו כמו רשימות, אתם עדיין רוצים רשימה של פריטים, כמו בסרגלי ניווט, רשימת משימות לביצוע עם תיבות סימון במקום תבליטים, או שאלות של נכון או לא נכון במבחן רב-ברירה. בכל הרשימות האלה בלי תבליטים, מתאים להשתמש ברכיבי רשימה של HTML.
רשימות לא ממוספרות
התג <ul> הוא תג האב של רשימות לא מסודרות של פריטים. הצאצאים היחידים של <ul> הם רכיבי פריט ברשימה <li>.
אפשר ליצור רשימה של מכונות. אנחנו משתמשים ברשימה לא מסודרת, כי הסדר לא משנה (אל תספר להם את זה).
כברירת מחדל, כל פריט ברשימה לא מסודרת מתחיל בתבליט. לרשימה לא מסודרת אין מאפיינים ספציפיים לרכיב. צריך לסגור את הרשימות עם </ul>.
רשימות ממוספרות
הרכיב <ol> הוא רכיב ההורה של רשימות פריטים מסודרות. הצאצאים היחידים של <ol> הם רכיב <li> אחד או יותר, או פריטים ברשימה.
אבל במקרה הזה, ה'תבליטים' הם מספרים מסוגים שונים. אפשר להגדיר את הסוג ב-CSS באמצעות המאפיין list-style-type או המאפיין type.
למאפיין <ol> יש שלושה מאפיינים ספציפיים לרכיב: type, reversed ו-start.
המאפיין type עם הערכים המוגדרים מראש קובע את סוג המספור. יש חמישה ערכים תקינים ל-type. ערך ברירת המחדל הוא 1 למספרים, אבל אפשר להשתמש גם ב-a, A, i או I לאותיות קטנות וגדולות או לספרות רומיות. המאפיין list-style-type מספק הרבה יותר ערכים.
כמו שצוין ב-codepen, המאפיין list-style-type מבטל את הערך של המאפיין type. עם זאת, כשכותבים מסמכים שבהם הסוג המספרי חשוב, כמו מסמכים משפטיים, צריך לכלול את type.
אם כוללים את מאפיין הערך הבוליאני reversed, סדר המספרים מתהפך, מהמספר הגדול ביותר למספר הנמוך ביותר. המאפיין start מגדיר את ערך ההתחלה. ערך ברירת המחדל הוא 1.
בדומה ל-</ul>, חובה להשתמש בתג הסגירה </ol>.
אפשר להוסיף רשימות בתוך רשימות, אבל הן צריכות להיות בתוך פריט ברשימה. חשוב לזכור שהרכיב היחיד שיכול להיות צאצא של <ul> או <ol>
הוא רכיב <li> אחד או יותר.
פריטים ברשימה
השתמשנו ברכיב <li>, אבל עדיין לא הצגנו אותו באופן רשמי.
האלמנט <li> יכול להיות צאצא ישיר של רשימה לא מסודרת (<ul>), רשימה מסודרת (<ol>) או תפריט (