HTML — بخش (div)

آخرین بروزرسانی: 1404/08/07

قبلی: دایرکتوری (dir) بعدی: فهرست تعاریف (dl)

بخش (div)

تگ «بخش (div)» یک ظرف عمومی است. هر چیزی داخلش می آید. سپس با «CSS» استایل می دهی یا با «JavaScript» کنترل می کنی. مثل جعبه ای برای چیدن وسایل روی میز.

تگ div چیست؟

div یعنی «بخش» در سند. معمولاً به عنوان کانتینر استفاده می شود. با class یا id خیلی راحت استایل می گیرد. تقریباً هر نوع محتوایی داخل div مجاز است.

نکته: به صورت پیش فرض قبل و بعد از div شکستن خط می آید.

نمونه 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 از «ویژگی های سراسری» پشتیبانی می کند. همچنین «ویژگی های رویدادی» را هم می پذیرد. بنابراین می توانی رفتارهای تعاملی بسازی.

رفتار پیش فرض و نمایش بلوکی

div به طور پیش فرض بلوکی است. یعنی عرض کامل سطر را می گیرد.

div {
  display: block;
}