HTML Div Element
عنصر <div> در HTML یک عنصر عمومی است که برای گروه‌بندی عناصر مختلف در یک بخش از صفحه استفاده می‌شود. این عنصر بیشتر برای استایل‌دهی با CSS یا اسکریپت‌نویسی با JavaScript کاربرد دارد.
🌐 ساختار پایه:
<div>
<!– محتوای شما اینجا قرار می‌گیرد –>
</div>
🧩 مثال:
<!DOCTYPE html>
<html>
<head>
<style>
.box {
background-color: lightblue;
padding: 20px;
margin: 10px;
border: 1px solid #000;
}
</style>
</head>
<body>
<div class=“box”>
<h2>سلام دنیا</h2>
<p>این یک محفظه div است.</p>
</div>
</body>
</html>
✅ نکات کلیدی:
-
عنصر
<div>هیچ معنی معنایی (Semantic) ندارد. -
یک عنصر بلوکی (block-level) است.
-
زمانی استفاده می‌شود که بخواهید به عناصر مختلف استایل بدهید، آن‌ها را با جاوااسکریپت مدیریت کنید، یا در طراحی صفحه دسته‌بندی کنید.
دیدگاهتان را بنویسید