English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تعريف علامة <div> في مستند HTML، وهي عادةً تستخدم لتجميع العناصر. عادةً ما تُسمى أيضًا عنصر <div>.
تم إنشاء ثلاث علامات <div> في المستند:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة div في HTML5 (موقع دروس أساسيات الكود oldtoolbag.com)</title> <style> .div_class{color:red} #div_id{color:blue} </style> </head> <body> <div> <h2>Div الأول</h2> <p>سيظهر هذا النص في جزء Div من المستند</p> </div> <div class="div_class"> <h2>Div الثاني المطبق على الفئة</h2> <p>سيظهر هذا النص في جزء Div من المستند</p> </div> <div id="div_id"> <h2>Div الثالث المطبق على ID</h2> <p>سيظهر هذا النص في جزء Div من المستند</p> </div> </body> </html>اختبار لرؤية ‹/›
في هذا مثال على مستند HTML5، قمنا بإنشاء ثلاث علامات <div>. العلامة الأولى من <div> لم تطبق عليها أي فئة أو ID. العلامة الثانية من <div> تطبقت عليها فئة تسمى div_class. العلامة الثالثة من <div> تطبقت عليها ID تسمى div_id.
IEFirefoxOperaChromeSafari
يدعم جميع المتصفحات الشائعة علامة <div>.
يستخدم عادةً علامة <div> لتجميع العناصر معًا.
تعرف علامة <div> على منطقة جزء أو جزء معين من وثيقة HTML.
يستخدم عادةً علامة <div> لجمع عناصر مستوى العنوان، لتمكين تنسيقها باستخدام CSS.
نصيحة:يستخدم عادةً علامة <div> مع CSS لتصميم الصفحة.
ملاحظة:بالافتراض، يضيف المتصفح عادةً مسافات بين عناصر <div> في البداية والنهاية. ولكن يمكنك تغيير هذا الوضع باستخدام CSS.
لا يدعم خاصية align في HTML5.
تم إزالة خاصية align في HTML 4.01.
الخصائص | القيمة | وصف |
---|---|---|
align | left right center justify | HTML5 لا يدعم. تم إزالة HTML 4.01. تحديد طريقة تلقيح محتوى عنصر <div>. |
دعم <div> العنوان خصائص العالمية لـ HTML.
دعم <div> العنوان خصائص الحدث لـ HTML.
دليل HTML:تصميم HTML