علامة <div> HTML
مثال
قسم <div> في مستند مصمم باستخدام CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تحدد العلامة <div>قسمة أو قسمًا في مستند HTML.
تُستخدم <div>العلامة كحاوية لعناصر HTML - والتي يتم تصميمها بعد ذلك باستخدام CSS أو معالجتها باستخدام JavaScript.
يتم تصميم <div>العلامة بسهولة باستخدام سمة الفئة أو المعرف.
يمكن وضع أي نوع من المحتوى داخل <div>
العلامة!
ملاحظة: بشكل افتراضي ، تضع المستعرضات دائمًا فاصل أسطر قبل <div>العنصر وبعده.
دعم المتصفح
| Element | |||||
|---|---|---|---|---|---|
| <div> | Yes | Yes | Yes | Yes | Yes |
السمات العالمية
تدعم <div>العلامة أيضًا السمات العامة في HTML .
سمات الحدث
تدعم <div>العلامة أيضًا سمات الحدث في HTML .
الصفحات ذات الصلة
دروس HTML: كتلة HTML والعناصر المضمنة
دروس HTML: تخطيط HTML
مرجع DOM HTML: كائن Div
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <div>العنصر بالقيم الافتراضية التالية:
مثال
div {
display: block;
}