* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#iwrr{background -color:rgb(243, 245, 246);}

را div عنصر معنای خاصی ندارد اما زیاد استفاده می شود! به طور خلاصه نماینده فرزندانش است. از آن برای گروه بندی عناصر در یک صفحه برای استایل دادن به زمینه ها استفاده می شود.

این یک انتخاب آسان است، اما شما واقعا باید از آن استفاده کنید <div> عنصر به عنوان آخرین راه حل به خاطر دسترسی. به عنوان مثال، به جای استفاده از a <div> عنصری برای گروه بندی محتوا از یک مقاله طولانی که می توانید به آن دسترسی پیدا کنید <article> عنصر در عوض

مثال

نحو

1
<div class="container">
2
  <article>
3
    <p>Ipsum labore velit anim nulla aliqua ea in mollit et eiusmod minim aute do. Cillum elit do veniam deserunt aliqua enim consequat nisi laboris fugiat sint. Ad enim enim non.</p>
4
  </article>
5
  <article>
6
    <p>Ipsum labore velit anim nulla aliqua ea in mollit et eiusmod minim aute do. Cillum elit do veniam deserunt aliqua enim consequat nisi laboris fugiat sint. Ad enim enim non.</p>
7
  </article>
8
</div>

نتیجه

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

را <div> برچسب در تمام مرورگرهای مدرن پشتیبانی می شود. بیشتر در caniuse.com بخوانید.

ویژگی های

را <div> برچسب پشتیبانی می کند ویژگی های جهانی در HTML. مشخصه های جهانی برای همه عناصر HTML مشترک هستند و می توانند روی همه آنها استفاده شوند (اگرچه ممکن است تأثیر زیادی روی برخی از آنها نداشته باشند).

محتوا

اگر <div> عنصر فرزند a نیست <dl> عنصر نوع مدل محتوا است fمحتوای کم. اگر فرزند از <dl> عنصری که برای بسته بندی گروه ها استفاده می شود dt و dd عناصر.

  • را <div> عنصر مشابه است <span> عنصر، به این دلیل که هر دو عمومی هستند و محتوای خود را توصیف نمی کنند. با این حال، <span> یک عنصر درون خطی است.

بیشتر بدانید

الهام بخش لین فیشر a.singlediv.com پروژه ای است که نشان می دهد چقدر تک است <div> را می توان با CSS استایل کرد.