כיצד להשתמש ברשימת תיאורים ב-HTML?

רשימת התיאורים מספקת דרך סמנטית למבנה והצגת מידע יצירת קשר בין מונחים לתיאורים המתאימים להם. זה הופך את הנתונים או המידע לנגיש ומובן יותר. היוצרים יכולים להשתמש ברשימות תיאור במקומות כמו מילוני מונחים, מילונים, קטעי שאלות נפוצות, מפרטי מוצר וכו'. מאמר זה מדגים את ההליך לשימוש ברשימת תיאור ב-HTML.

כיצד להשתמש ברשימת תיאורים ב-HTML?

רשימת התיאור מורכבת מ'

', '

', ו'

' תגיות והוא משמש לייצוג אוסף של מונחים וההגדרות המתאימות להם. הוא מציג/מציג את התוכן בצורה מובנית שבה התיאור חורג מרשימה פשוטה של ​​תבליטים. ניתן להחיל את מאפייני ה-CSS גם על רשימת התיאורים כדי ליצור ממשק מושך מבחינה ויזואלית.

---

---

בקר בקטע הקוד שלהלן כדי ליצור רשימת תיאורים ב-HTML:

< גוּף >
< div >
< h2 > מניות שוק מחשב נייד h2 >
< dl >
< dt > Hp dt >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 30 % dd >
< dt > Dell dt >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 24 % dd >
< dt > לנובו dt >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 14 % dd >
dl >
div >
גוּף >

ההסבר של קטע הקוד לעיל:

• • בהתחלה, ההורה ' div נוצר אלמנט שפועל כמו מיכל עבור רכיב רשימת התיאורים ורכיבי HTML אחרים כמו '

    '.

  • לאחר מכן, רשימת התיאורים '

    'תג משמש להגדרת הסביבה עבור רשימת התיאורים.

  • לאחר מכן, שם/המונח התיאור '
    תג ' משמש להגדרת התיאור של הפריטים שהתיאור שלהם הולך להתווסף.
  • לאחר מכן, נתוני התיאור '
    'מוכנס תג המכיל את התיאור/מידע הקשור לפריט התיאור.

לאחר סיום שלב ההידור, רכיבי ה-HTML מופיעים בדף האינטרנט כך:

---

---

הפלט מראה כי רשימת התיאור נוצרה.

דוגמה 1: הקצה מספר תיאורים למונח יחיד

ניתן ליצור את טבלת התיאורים שבה יש יותר מתיאור אחד למונח בודד. זה יכול להיות שימושי במיוחד אם יש יותר ממשמעות או שיטה אחת שבה ניתן להסביר את מונח התיאור.

הקוד עבור התרחיש לעיל מוצג להלן:

< div >
< h2 > מניות שוק מחשב נייד h2 >
< dl >
< dt > Hp dt >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 30 % ב 2018 dd >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 23 % ב 2017 dd >
< dt > Dell dt >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 24 % ב 2018 dd >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 27 % ב 2017 dd >
< dt > לנובו dt >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 14 % ב 2018 ו 9 % ב 2017 dd >
dl >
div >

בקוד למעלה:

• • ראשית, רשימת התיאור נוצרת בעזרת ' dl ', ' dt ' ו' dd ' אלמנטים.
  • לאחר מכן, מרובות '
    ' תגיות משמשות תחת ' יחיד ' dt ' אלמנט. הוא מקצה מספר תיאורים למונח אחד.

לאחר שלב הקומפילציה:

הפלט מראה שנוספו מספר תיאורים עבור מונח בודד.

דוגמה 2: הקצה מספר מונחים לתיאור יחיד

המפתחים יכולים גם ליצור רשימת תיאור המורכבת ממונחי תיאור מרובים עם נתוני תיאור בודדים. זה שימושי במיוחד כאשר מספר מונחים דומים או בעלי אותה פונקציונליות. על ידי שימוש בטכניקה זו, ניתן לתאר את כל המונחים הללו בבת אחת:

< div סִגְנוֹן = 'שוליים: 20 פיקסלים' >
< h2 > מניות שוק מחשב נייד h2 >
< dl >
< dt > Hp dt >
< dt > ספר עילית dt >
< dt > proBook dt >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 30 % ב 2018 dd >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 23 % ב 2017 dd >
< dt > לנובו dt >
< dd > בקטגוריית מערכות שולחניות ומחשבים ניידים יש נתח של 14 % ב 2018 ו 9 % ב 2017 dd >
dl >
div >

בגוש הקוד שלמעלה נוצרת רשימת התיאורים, ומספר '

' תגיות משמשות עם ' יחיד '

'תג.

לאחר סיום שלב ההידור:

תמונת המצב שלמעלה מראה שמונחים מרובים מוקצים עם נתוני תיאור בודדים.

סיכום

רשימת התיאור נוצרת באמצעות רשימת התיאורים '

' תג שיוצר את המכולה עבור פריטי הרשימה והתיאור שלהם. יתר על כן, ה'

' תג מציין את שם הפריט שהתיאור שלו יסופק. בזמן ש '

' תג מאחסן את התיאור המתאים. מאמר זה הדגים את השימוש ברשימת תיאורים ב-HTML.