50 کامل شده تا

برچسب <div> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
یک بخش را در یک سند تعریف می‌کند
معرفی شده در نسخهٔ:۳٫۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: block;


{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک برچسب <div> در بخشی از سندی که با CSS طراحی شده است:

<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>


مثال‌های بیشتری از «مشاهدهٔ نتیجه» در زیر.

تعریف و کاربرد

برچسب <div> یک قسمت یا بخش را در یک سند اچ‌تی‌ام‌ال تعریف می‌کند.[۱]

عنصر <div> اغلب بعنوان یک ظرف برای دیگر عنصرهای اچ‌تی‌ام‌ال استفاده می‌شود، تا آن‌ها را با CSS سبک‌دهی کنیم، یا آنکه با جاوااسکریپت کارهای خاصی را انجام دهیم.

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<div> بله بله بله بله بله

نکات و ملاحظات

نکته: عنصر <div> بیشتر اوقات همراه با CSS، برای طرح‌بندی یک صفحهٔ وب استفاده می‌شود.

توجه: مرورگرها بصورت پیش‌فرض همواره یک شکست خط (پرش به خط بعدی) را قبل و بعد از عنصر <div> قرار می‌دهند. هرچند این موضوع را می‌توان با CSS تغییر داد.

ویژگی‌های سراسری

همچنین برچسب <div> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <div> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

آموزش اچ‌تی‌ام‌ال: بلوک‌های اچ‌تی‌ام‌ال (HTML Blocks)

آموزش اچ‌تی‌ام‌ال: طرح‌بندی اچ‌تی‌ام‌ال (HTML Layout)

مرجع DOM اچ‌تی‌ام‌ال: شیء Div (Div Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <div> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

div {
  display: block;
}


منابع آموزشی