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>
<h3>Note</h3>
<div>
<p>Programming is easy, just study it correclty.</p>
</div>
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
div {
display: block;
}
div {
display: block;
}
