آموزش تگ div در HTML - راهنمای کار با بلوک ها و لایه ها در html
تگ div (مخفف Division) برای ایجاد بلوک یا لایه در صفحه استفاده می شود. تگ div مانند یک ظرف عمل می کند و کدها و تگ های دیگر درون div تعریف می شود.
یک صفحه وب از قسمت ها یا بلوک های مختلفی تشکیل شده است. با استفاده از div می توان این بلوک ها را ایجاد کرد و کدها و محتوای هر قسمت را درون آن ایجاد کرد.
از تگ div می توان برای ایجاد بلوک های تو در تو استفاده کرد و با کمک css می توان نظم مورد نظر را به آنها داد.
به طور پیش فرض مرورگرها تک div را در خط جدید قرار می دهند. این مورد با css قابل تغییر است.
مثال تگ div در 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> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
| مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
| پشتیبانی | بله | بله | بله | بله | بله |
ویژگی ها
| ویژگی | مقدار | توضیحات |
| align | left right center justify |
چینش عناصر درون تگ div را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <div> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ div را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
display: block;
}