HTML – وسم div

وهو قسم من الصفحة التي سيتم عرضها باللون الأخضر .

مثال

<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div> 

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

متوافق مع متصفح سفاري متوافق مع متصفح اوبرا متوافق مع متصفح انترنت اكسبلورر متوافق مع متصفح فايرفوكس متوافق مع متصفح جوجل كروم

ان وسم <div> مدعوم من قبل جميع المتصفحات الرئيسية .


التعريف و الاستخدام

يستخدم وسم <div> لجمع مجموعة من العناصر لتصبح شكلاً معيناً و باستخدام التصاميم أيضاً  .

يستخدم وسم <div> لإنشاء قسم معين في صفحة HTML .


ملاحظات و تعليمات

دائماً يستخدم وسم <div> مع لغة CSS لتشكيل هيكل تصميمي للموقع . أي ترويسة (هيدر) أو تذييل (فوتر) أو شريط جانبي الخ .

تضع المتصفحات دائماً سطر إضافي قبل و بعد وسم <div> .


الاختلاف بين HTML و XHTML

لايوجد


اللواحق الاختيارية

تشير DTD الى اللواحق المسموح استخدامها في لغة HTML 4.01/XHTML 1.0 DTD .
S=Strict, T=Transitional, and F=Frameset

اللاحقة القيمة الشرح DTD
align left
right
center
justify
ملغية . استخدم CSS بدلاً منها .

تستخدم لتحديد المحاذاة للمحتوى الموجود داخل وسم <div> .

TF

اللواحق الأساسية

يدعم وسم <div> عدداً من اللواحق التالية

اللاحقة الشرح
class تستخدم لتحديد اسم أو أكثر لتصنيف أو عنصر معين ( غالباً مايستخدم مع ملف التصميم css )
id تستخدم لتحديد id مخصص لعنصر معين
style تستخدم لتحديد تصميم CSS داخلي لعنصر معين .
title تحديد معلومات اضافية عن العنصر .
dir تحديد جهة النص لمحتوى العنصر .
lang تحدد اللغة لمحتوى العنصر .
xml:lang تحدد لغة محتوى العنصرلصفحة XHTML .

لمزيد من اللواحق يمكنك التوجه الى قائمة اللواحق الأساسية


لواحق الأحداث events

يدعم وسم <div> عدداً من اللواحق التالية

اللاحقة القيمة الشرح
onblur script يستخدم السكربت عند عدم التركيز على العنصر .
onchange script يستخدم السكربت عند تغير العناصر .
onfocus script يستخدم السكربت عند حصول العنصر على التركيز
onreset script يستخدم السكربت عند ضبط النموذج .
onselect script يستخدم السكربت عند اختيار العناصر .
onsubmit script يستخدم السكربت عند الضغط على ارسال للنموذج .

لمزيد من الأحداث يمكنك التوجه الى قائمة الأحداث الأساسية