❮
Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing
❯
عودة للدرس❯ ❮عودة للدرس

الوسم <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;
}