1. ما هي تسمية القائمة؟
ما هي قائمة HTML؟ محتوى الجدول هو أحد أشكال عرض النص أو الرسومات في حاوية تسمى القائمة. أكبر ميزة للقائمة هي أنها نظيفة ومرتبة ومنظمة.
دور علامة القائمة: إضافة دلالات القائمة إلى مجموعة من البيانات، أي إخبار محرك البحث/المتصفح أن هذه المجموعة من البيانات كاملة.
2. قائمة تصنيف التسمية
تنقسم قوائم HTML إلى قوائم مرتبة وغير مرتبة ومحددة:
(1) القائمة المرتبة، استخدم علامات <ol> + <li>
(2) قائمة غير مرتبة، استخدم علامات <ul> + <li>
(3) قم بتحديد القائمة باستخدام العلامات <dl> + <dt> + <dd>
1. قائمة غير مرتبة
القائمة غير المرتبة هي قائمة من العناصر المميزة بنقاط غامقة (عادةً دوائر سوداء صغيرة).
تبدأ القائمة غير المرتبة بالعلامة <ul>. يبدأ كل عنصر في القائمة بـ <li>.
<html><body><!--قائمة غير مرتبة: --><ul><li>القهوة</li><li>الحليب</li><li>الشاي الأخضر</li><li>الكولا< /li><li>الزبادي</li></ul></body></html>
النتيجة النهائية المقدمة هي كما يلي:
تتطلب القوائم غير المرتبة استخدام علامتي <ul> و<li>:
(1) <ul> هو اختصار لقائمة غير مرتبة، وهو ما يعني قائمة غير مرتبة.
(2) <ul> هو نفس <li> في <ol>، مما يشير إلى كل عنصر في القائمة. افتراضيًا، يتم تمثيل كل عنصر في قائمة غير مرتبة بالرمز ●.
ملحوظة: يتم استخدام <ul> بشكل عام مع <li> ولن يظهر بمفرده، ولا يوصى باستخدام علامات أخرى غير <li> مباشرة في <ul>.
2. القائمة المرتبة
القائمة المرتبة هي أيضًا قائمة عناصر، ويتم تصنيف عناصر القائمة بالأرقام.
تبدأ القائمة المرتبة بالعلامة <ol>. يبدأ كل عنصر في القائمة بعلامة <li>.
<html><body><!--قائمة مرتبة: --><ol><li>القهوة</li><li>الحليب</li><li>الشاي الأخضر</li><li>الكولا< /li><li>الزبادي</li></ol></body></html>
النتيجة النهائية المقدمة هي كما يلي:
تتطلب القوائم المرتبة استخدام علامتي <ol> و<li>:
(1) <ol> هو اختصار لقائمة الطلبات، ويعني القائمة المرتبة، ويمكنها ترقيم كل عنصر في القائمة، بدءًا من الرقم 1 افتراضيًا.
(3) <li> هو اختصار لعنصر القائمة، والذي يمثل كل عنصر في القائمة. يشير عدد <li> في <ol> إلى عدد أجزاء المحتوى الموجودة. يمكن أن تحتوي عناصر القائمة على نص أو صور أو روابط وما إلى ذلك، أو حتى قائمة أخرى.
ملاحظة: يتم استخدام <ol> بشكل عام مع <li> ولن يظهر بمفرده. ولا يوصى باستخدام علامات أخرى غير <li> مباشرة في <ol>.
3. قائمة التعريفات
القائمة المخصصة ليست مجرد قائمة عناصر، ولكنها مجموعة من العناصر وتعليقاتها.
تبدأ القوائم المخصصة بعلامة <dl>. يبدأ كل عنصر قائمة مخصص بـ <dt>. يبدأ تعريف كل عنصر قائمة مخصص بـ <dd>.
<html><body><!--قائمة مرتبة: --><dl><dt>القهوة</dt><dd>المشروبات الساخنة</dd><dt>الحليب</dt><dd>المشروبات الباردة </dd></dl></body></html>
النتيجة النهائية المقدمة هي كما يلي:
يتطلب تحديد القوائم العلامات <dl>، و<dt>، و<dd>:
(1) <dl> هو اختصار لقائمة التعريفات، ويعني قائمة التعريفات.
(2) <dt> هو اختصار مصطلح التعريف، ويعني مصطلح التعريف، وهو ما نسميه العنوان.
(3) <dd> هو اختصار لوصف التعريف، وهو ما يعني وصف التعريف.
يمكن اعتبار أن <dt> يحدد مفهومًا (مصطلحًا)، ويستخدم <dd> لشرح المفهوم (مصطلحًا).
ملحوظة: <dt> و<dd> هما علامتان شقيقتان، وكلاهما علامتان فرعيتان لـ <dl>. بشكل عام، يتم إقران كل <dt> بـ <dd>، ويمكن أن يحتوي <dl> على أزواج متعددة من <dt> و<dd>.
ملخص: قائمة العلامات