النص الأصلي: http://andymao.com/andy/post/103.html
القسم السابق : القائمة غير المرتبةيتم تلخيص المعلومات في بعض الأحيان في الاضطراب ، في حين أن البعض الآخر لديه ترتيب واضح ، والذي تم ذكره أيضًا في المقالة السابقة. لذلك ببساطة فكر في الأشياء من حولك بالتسلسل: خطوات التشغيل ، التصنيف ، كتالوجات الكتب ... في الماضي ، عندما واجهنا هذه المحتويات التي تم طلبها أو الإشارة إليها بالأرقام ، أضفنا في الغالب قيمة قبل البيانات ، أو أضفنا هذه القيمة بواسطة البرنامج. إذا كنت تستخدم قائمة مرتبة ، فلن تحتاج إلى ملء الأرقام الترتيبية بنفسك. لا يبدو أن هذه الميزة واضحة عند استخدام قائمة طبقة واحدة ، ولكن عند استخدام طبقات متعددة ، تكون ميزاتها واضحة للغاية. لذلك دعونا أولاً نفهم نموذج الكود للقائمة المطلوبة:
<ol>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الأولى </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الثانية </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الثالثة </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الرابعة </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الخامسة </li>
</ol>
لقد رأى الجميع أن شكله الأصلي هو نفس شكل القائمة غير المرتبة ، باستثناء أن الاسم مختلف على الملصق المحيطي. الاضطراب هو UL ، ويصبح النظام ol. الفرق هو أن القوائم المطلوبة سيكون لها سمات تسمية أكثر من غير المرتبة. لأن الطلب سوف يشمل جميع جوانب النظام.
تغيير قيمة البدايةعادة ، سيقوم المتصفح تلقائيًا بتصميمه بطريقة منظمة تبدأ من العدد العربي 1. لكن الأمور خاصة. عندما تحتاج القائمة المطلوبة إلى تحويل جزأين ، يكون من الخطأ بشكل طبيعي الرقم الجزء التالي من نقطة الصفر. ثم يكون عدد الجزء التالي بشكل طبيعي إضافة 1 كرقم البدء وفقًا للرقم الأخير في الفقرة السابقة. هذا يعني أننا بحاجة إلى تغيير قيمة بداية القائمة. السمة التي تغير قيمة البداية هي: ابدأ ، الطريقة الرسمية هي:
<ol start = 6>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الأولى </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الثانية </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الثالثة </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الرابعة </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الخامسة </li>
</ol>
لقد لاحظت أن الرمز أعلاه يقول أن قيمة بداية القائمة تبدأ من 6. لذا يمكنك الآن محاولة إضافة هذه السمة إلى قائمة مرتبة لمعرفة ما إذا كانت قد تغيرت؟
تغيير نوع الرقمفي المتصفحات ، عادة ما يتم سرد الأرقام العربية افتراضيًا. فهل يمكن أن يكون هناك أنواع أخرى؟ نعم ، السمة من النوع ، ولكن لا يوجد العديد من الأنواع المقدمة ، خمسة فقط:
نوع النوع توليد مثال على تسلسل نمط مثال على أحرف رأس المال A ، B ، C ، D ، E أحرف صغيرة A ، B ، C ، C ، E I Capital Roman Numerals I ، II ، III ، IV ، V I LOMERCASE ROMIRILS I ، II ، III ، IV ، V 1 ARABIC ARABILS 1 ، 2 ، 3 ، 4 ، 5 ، 5
يجب أن تكون طريقة الكتابة في الكود:
<ol type = a>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الأولى </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الثانية </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الثالثة </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الرابعة </li>
<li> هذا هو محتوى القائمة ، هذه هي الجملة الخامسة </li>
</ol>
أعتقد أنه من الأفضل استخدام قيمة أقل من هذا النوع ، لأنه يمكنك تعيين هذا النوع باستخدام CSS. لطالما دعت إلى أن تكون الأشياء الأسلوبية يجب أن تتم عن طريق لغة الأناقة. ثم ، ما لم يكن هناك سبب خاص ، فمن الأفضل عدم استخدام هذه السمة. بالطبع ، لا CSS1 أو CSS2 تعتبر الصين أساسا. تم توفير الشخصيات اليابانية ذات الأرقام اليابانية في CSS2 ، ولكن لا يوجد صيني حتى الآن. أعتقد أن CSS2 لا يزال لديه عيوب في هذا الصدد ، على الأقل لا توفر شكلاً أفضل من أشكال التوسع. على الرغم من أنه لم يقدمها ، لا يزال بإمكاننا تحقيق التنوع في شكلنا. كيف تفعل ذلك؟ يرجى التفكير أولاً ، سيخبرك محتوى القائمة كيف تعاملت معها.