كل عنصر HTML يحتوي على قيمة العرض الافتراضية اعتمادا على نوع العنصر هو عليه. قيمة العرض الافتراضي لمعظم العناصر هي كتلة أو مضمنة.
عناصر مستوى الكتلة
وثمة عنصر على مستوى الكتلة يبدأ دائما على سطر جديد ويتناول العرض الكامل متاح (stretches out to the left and right as far as it can) .
أمثلة من العناصر على مستوى الكتلة:
- <div>
- <h1> - <h6>
- <p>
- <form>
مضمنة عناصر
لم يبدأ عنصر مضمنة في سطر جديد ويستغرق سوى قدر العرض حسب الضرورة.
هذا هو مضمنة <span> عنصر داخل الفقرة.
أمثلة من العناصر المضمنة:
- <span>
- <a>
- <img>
و <div> العنصر
و <div> العنصر هو عنصر على مستوى الكتلة التي غالبا ما يتم استخدام وعاء لعناصر HTML الأخرى.
و <div> عنصر لا يوجد لديه السمات المطلوبة، ولكن style و class شائعة.
عندما تستخدم جنبا إلى جنب مع CSS، و <div> عنصر يمكن استخدامه لأسلوب القطع من المحتوى:
مثال
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div> انها محاولة لنفسك » و <span> العنصر
و <span> العنصر هو عنصر مضمنة التي غالبا ما يتم استخدام وعاء لبعض النصوص.
و <span> عنصر لا يوجد لديه السمات المطلوبة، ولكن style و class شائعة.
عندما تستخدم جنبا إلى جنب مع CSS، و <span> عنصر يمكن استخدامه لأجزاء نمط النص:
HTML تجميع الكلمات
| بطاقة | وصف |
|---|---|
| <div> | يعرف قسم في وثيقة (block-level) |
| <span> | يعرف قسم في وثيقة (inline) |