: عنصر DIV

آخر تحديث: 2026-09-12

<div>عنصر DIV

عنصر <div> (تقسيم) هو حاوية كتلية عامة بلا معنى دلالي. يُستخدم لتجميع المحتوى وبناء تخطيطات CSS وكهدف لـ JavaScript.

📝 البنية

<div>محتوى الكتلة</div>

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح	Chrome	Edge	Firefox	Safari	Opera
<div>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
مدعوم في جميع المتصفحات الرئيسية

❓ الأسئلة الشائعة

Qما الفرق بين

و

؟

A<div> حاوية عامة بدون معنى دلالي، بينما <section> تمثل مجموعة موضوعية من المحتوى. استخدم <section> للفصول أو علامات التبويب أو مجموعات المحتوى الموضوعية.

Qهل تم إهمال

في HTML5؟

Aلا، <div> لم يتم إهماله. لا يزال صالحًا في HTML5، ولكن لإمكانية وصول أفضل وتحسين محركات البحث، يُفضل استخدام العناصر الدلالية مثل <article> و <section> و <nav> و <header> عندما تناسب المحتوى.

Qهل يمكن أن تحتوي

على

أخرى؟

Aنعم، يمكن دمج عناصر <div> بلا حدود. هذا شائع لبناء تخطيطات معقدة، على الرغم من أن CSS الحديث (Flexbox, Grid) قلل من الحاجة إلى divs متداخلة بعمق.

🏷️ وسوم ذات صلة

<span> <section> <article> <p> <header>

💡 حالات ذات صلة

<div> — layout درس تعليمي

📚 دروس ذات صلة

HTML Layout HTML Elements

درس تخطيط HTML

ابنِ تخطيطات الصفحات الشائعة باستخدام div وCSS

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

من نحن