English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي لـ HTML

مجموعة كاملة من علامات HTML

تسمية HTML: <div> علامة

تعريف علامة <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.

الفرق بين HTML 4.01 و HTML5

لا يدعم خاصية align في HTML5.

تم إزالة خاصية align في HTML 4.01.

الخصائص

الخصائصالقيمةوصف
alignleft
right
center
justify
HTML5 لا يدعم. تم إزالة HTML 4.01.    تحديد طريقة تلقيح محتوى عنصر <div>.

خصائص العالمية

دعم <div> العنوان خصائص العالمية لـ HTML.

خصائص الحدث

دعم <div> العنوان خصائص الحدث لـ HTML.

المقالات ذات الصلة

دليل HTML:تصميم HTML