لماذا يمكن أن تضع ارتفاعات ، لكنها لا تبدو وكأنها عناصر <h1 /> ، فهي تشعر بأنها عنصر شبه داخلي (مضمّن: inline [text] -lovel). يوصف HTML 4 مثل هذا:
يمكن اعتبار العناصر التالية أيضًا عناصر على مستوى الكتلة لأنها قد تحتوي على عناصر على مستوى الكتلة:
في هذا الوصف ، يبدو أن <li /> عنصر نصف خط. بالطبع ، فإن العناصر المشابهة لـ <td /> في هذه القائمة قد جلبت لي مثل هذه الشكوك. اليوم ألقيت نظرة على CSS الافتراضي لكل متصفح. والنتيجة هي:
| المتصفحات | CSS |
|---|---|
| IE6/IE7 | li{display:block; } |
| IE8+ / WebKit / Firefox / Opera | li{display:list-item; } |
هنا ، من الواضح بشكل أساسي. في متصفح الدرجة A باستثناء IE6/7 ، إنه عنصر نصف خط. عندما يتعلق الأمر display:list-item; في الواقع ، على الرغم من أن جميع متصفحات الدرجة A مدعومة الآن ، لا يستخدمها الكثير من الناس. لماذا؟ في الواقع ، إنه عديم الفائدة. في وضع المراوغات ، يقول PPK هذا:
مثال مباشر: العرض: blockdisplay: list-itemdisplay: Item-item
display: list-itemأن العنصر يتم عرضه على أنه عنصر قائمة ، وهو ما يعني أنه يحتوي على رصاصة أمامه (مثل UL) ، باستثناء IE 5 على Mac حيث يحصل على رقم (مثل OL). الأرقام هي عربات التي تجرها الدواب: جميع Li السابقة في الصفحة تحسب واحدة ، لذلك يبدأ هذا المثال بالرقم 5 (تم إجراء لقطة الشاشة قبل إدراج توافقاتي).
يمين. في الواقع ، هذا ليس ذا مغزى للغاية. لكنه حل أيضا أحد شكوكي. أنشرها. إذا كان لديك مثل هذه الشكوك ، ربما إذا كان لديك أخطاء أو أسئلة أخرى في المرة القادمة التي تشفرها ، فربما تكون قادرًا على الرد بسرعة.