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
alignleft
right
center
justify
ملغية . استخدم CSS بدلاً منها .

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





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


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



































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

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




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


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






































اللاحقةالقيمةالشرح
onblurscriptيستخدم السكربت عند عدم التركيز على العنصر .
onchangescriptيستخدم السكربت عند تغير العناصر .
onfocusscriptيستخدم السكربت عند حصول العنصر على التركيز
onresetscriptيستخدم السكربت عند ضبط النموذج .
onselectscriptيستخدم السكربت عند اختيار العناصر .
onsubmitscriptيستخدم السكربت عند الضغط على ارسال للنموذج .

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




ليست هناك تعليقات:

إرسال تعليق