<div>: عنصر DIV
آخر تحديث: 2026-10-13
<div>عنصر DIV
عنصر <div> (تقسيم) هو حاوية كتلية عامة بلا معنى دلالي. يُستخدم لتجميع المحتوى وبناء تخطيطات CSS وكهدف لـ JavaScript.
| الفئة | محتوى النص |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </div> وسم |
| الحالة | قياسي |
📝 البنية
<div>محتوى الكتلة</div>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <div> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تحذير： فضل الوسوم الدلالية (<section> و<article> و<header>) على <div> عندما تحمل معنى.
❓ الأسئلة الشائعة
Qما الفرق بين
و ؟
A
<div> حاوية عامة بدون معنى دلالي، بينما <section> تمثل مجموعة موضوعية من المحتوى. استخدم <section> للفصول أو علامات التبويب أو مجموعات المحتوى الموضوعية.Qهل تم إهمال
في HTML5؟
Aلا،
<div> لم يتم إهماله. لا يزال صالحًا في HTML5، ولكن لإمكانية وصول أفضل وتحسين محركات البحث، يُفضل استخدام العناصر الدلالية مثل <article> و <section> و <nav> و <header> عندما تناسب المحتوى.Qهل يمكن أن تحتوي
على
أخرى؟
Aنعم، يمكن دمج عناصر
<div> بلا حدود. هذا شائع لبناء تخطيطات معقدة، على الرغم من أن CSS الحديث (Flexbox, Grid) قلل من الحاجة إلى divs متداخلة بعمق.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
