توفر قائمة الوصف طريقة دلالية لهيكل المعلومات وتقديمها مما يؤدي إلى إنشاء علاقة بين المصطلحات والأوصاف المقابلة لها. يجعل البيانات أو المعلومات أكثر سهولة وفهمًا. يمكن لمنشئي المحتوى استخدام قوائم الوصف في أماكن مثل المسارد والقواميس وأقسام الأسئلة الشائعة ومواصفات المنتج وما إلى ذلك. توضح هذه المقالة الإجراء الخاص باستخدام قائمة وصف في HTML.
كيفية استخدام قائمة الوصف في HTML؟
تتكون قائمة الوصف من ' '،' '، و ' ”ويتم استخدامه لتمثيل مجموعة من المصطلحات والتعريفات المقابلة لها. يعرض / يعرض المحتوى في شكل منظم يتجاوز فيه الوصف قائمة نقطية بسيطة. يمكن أيضًا تطبيق خصائص CSS على قائمة الوصف لإنشاء واجهة جذابة بصريًا.
قم بزيارة مقتطف الشفرة أدناه لإنشاء قائمة وصف في HTML:
< جسم >
< شعبة >
< h2 > سوق أجهزة الكمبيوتر المحمول h2 >
< دل >
< د > حصان د >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 30 ٪ ي >
< د > ديل د >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 24 ٪ ي >
< د > لينوفو د >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 14 ٪ ي >
دل >
شعبة >
جسم >
شرح مقتطف الشفرة أعلاه:
-
- في البداية ، ' شعبة 'الذي يعمل كحاوية لعنصر قائمة الوصف وعناصر HTML الأخرى مثل' '.
- بعد ذلك ، قائمة الوصف '
- ثم ، اسم الوصف / المصطلح ' 'العلامة لتحديد وصف العناصر التي سيتم إضافة وصفها.
- بعد ذلك ، بيانات الوصف ' 'التي تحتوي على الوصف / المعلومات المتعلقة بعنصر الوصف.
بعد نهاية مرحلة التجميع ، تظهر عناصر HTML على صفحة الويب على النحو التالي:
يوضح الإخراج أنه تم إنشاء قائمة الوصف.
مثال 1: تعيين أوصاف متعددة لمصطلح واحد
يمكن إنشاء جدول الوصف حيث يوجد أكثر من وصف لمصطلح واحد. يمكن أن يكون مفيدًا بشكل خاص إذا كان هناك أكثر من معنى أو طريقة يمكن من خلالها شرح مصطلح الوصف.
يظهر رمز السيناريو أعلاه أدناه:
< شعبة >< h2 > سوق أجهزة الكمبيوتر المحمول h2 >
< دل >
< د > حصان د >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 30 ٪ في 2018 ي >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 23 ٪ في 2017 ي >
< د > ديل د >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 24 ٪ في 2018 ي >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 27 ٪ في 2017 ي >
< د > لينوفو د >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 14 ٪ في 2018 و 9 ٪ في 2017 ي >
دل >
شعبة >
في الكود أعلاه:
-
- أولاً ، يتم إنشاء قائمة الوصف بمساعدة ' دل '،' د ' و ' ي ' عناصر.
- بعد ذلك ، عدة ' 'العلامات تحت علامة' واحدة د ' عنصر. يقوم بتعيين أوصاف متعددة لمصطلح واحد.
بعد مرحلة التجميع:
يوضح الناتج أنه تمت إضافة أوصاف متعددة لمصطلح واحد.
مثال 2: تعيين مصطلحات متعددة لوصف واحد
يمكن للمطورين أيضًا إنشاء قائمة وصف تتكون من عدة مصطلحات وصف مع بيانات وصف واحدة. يكون مفيدًا بشكل خاص عندما تكون المصطلحات المتعددة متشابهة أو لها نفس الوظيفة. باستخدام هذه التقنية ، يمكن وصف كل هذه المصطلحات مرة واحدة:
< شعبة أسلوب = 'الهامش: 20 بكسل' >< h2 > سوق أجهزة الكمبيوتر المحمول h2 >
< دل >
< د > حصان د >
< د > EliteBook د >
< د > proBook د >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 30 ٪ في 2018 ي >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 23 ٪ في 2017 ي >
< د > لينوفو د >
< ي > في فئة أنظمة سطح المكتب وأجهزة الكمبيوتر المحمولة لديها حصة من 14 ٪ في 2018 و 9 ٪ في 2017 ي >
دل >
شعبة >
في مقطع التعليمات البرمجية أعلاه ، يتم إنشاء قائمة الوصف ، و ' 'مع علامة واحدة' ' بطاقة شعار.
بعد نهاية مرحلة التجميع:
توضح اللقطة أعلاه أنه تم تعيين مصطلحات متعددة ببيانات وصف واحدة.
خاتمة
يتم إنشاء قائمة الوصف باستخدام قائمة الوصف ' 'الذي ينشئ حاوية لعناصر القائمة ووصفها. علاوة على ذلك ، فإن ' ”تشير إلى اسم العنصر الذي سيتم توفير وصفه. بينما ال ' ”العلامة يخزن الوصف المقابل. أظهرت هذه المقالة استخدام قائمة وصف في HTML.