إعلان
تعلم الآن

HTML الوسم <div>

تعريفه

المحتوى الذي يوضع بداخل الوسم <div> </div> يتم عرضه على سطر منفرد و الهدف الأساسي من استخدامه هو تقسيم محتوى الصفحة حيث يتم في العادة وضع كل قسم في الصفحة و الأقسام الداخلية فيها أيضاً بداخل وسم من هذا النوع.

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

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <div>.

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
مدعوم 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم

خصائصه

لا يملك أي خصائص تم إعدادها خصيصاً له.

إستخدامه

في المثال التالي قمنا باستخدام وسم <div> مع تحسين تصميمه بواسطة كود CSS لعرض ملاحظة بشكل جميل.

مثال

<h3>Note</h3>
<div>
    <p>Programming is easy, just study it correclty.</p>
</div>
		

جرب الكود

تصميمه الإفتراضي

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

div {
	display: block;
}
	
إعلان
دورة قواعد بيانات MySQL في هذه الدورة ستتعلم أساسيات قواعد البيانات و أوامر SQL، العلاقات (Join) بين الجداول، Normalization مع تطبيق مشروع متكامل. سعر الدورة الآن هو 20 ريال سعودي فقط بدلاً من 600 ريال
سعر الدورة الآن هو 20 ريال سعودي فقط بدلاً من 600 ريال
تعلم الآن

الدورات

أدوات مساعدة

أقسام الموقع

دورات
مقالات كتب مشاريع أسئلة