آموزش HTML – تگ div

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/01 | بخش : آموزش HTML

تعریف و کاربرد تگ div در HTML

تگ div یا دایو یا دیو ، یکی از تگ های پرکاربرد در طراحی صفحات وب می باشد که با استفاده از آن می توان یک یا چندین بخش را در یک صفحه ی وب ایجاد کرد. (بطور کلی برای لایه بندی یا بخش بندی می توان از این تگ استفاده نمود)

در گذشته طراحان وب سایت برای ایجاد یک وبسایت از جدول استفاده می کردند ، یعنی با استفاده از جدول بخش های یک وب سایت رو مشخص می کردند. (مثلا بخش هدر،مطالب اصلی و فوتر و..)

حال امروزه با وجود تگ Div دیگه لازم نیست از جدول ها برای بخش بندی یک وبسایت استفاده کرد، لذا ما به راحتی با استفاده از این تگ می توانیم بخش های مختلف (هدر، مطالب اصلی ، ستون کناری ، فوتر و..) یک وبسایت را ایجاد نماییم.

  • تگ <div> یک قسمت یا بخشی را در سند HTML مشخص می کند.
  • تگ <div> برای گروه بندی عناصر بلوک استفاده می شود تا بتوان آن ها را با CSS فرمت کرد.

 

مثال از تگ div در HTML

<div>
<h2>قسمت اول</h2>
<p>محتوای بخش اول</p>
</div>
 
<div>
<h2>قسمت دوم</h2>
<p>محتوای بخش دوم</p>
</div> 

تمرین کنید !

 

پشتیبانی مرورگرها از تگ <div>

Element
<div> بله بله بله بله بله

 

جدول صفات تگ div در HTML

نام صفت  مقدار توضیح
align left
right
center
justify
تراز یا موقعیت قرار گیری محتوای درون تگ div را مشخص می کند.