پرش به محتوا

اچ‌تی‌ام‌ال/تقسیم‌بندی

ویکی‎کتاب، کتابخانهٔ آزاد
مقدمه بندها قلم پیوند تصاویر رسانه‌ها
فریم جدول‌بندی یادداشت‌ها تقسیم‌بندی (div) فهرست‌بندی رویدادها
سربرگ (هدر) پابرگ (فوتر) پیوند ناوبری سبک‌ها فهرست تگ‌ها ‎‏سرمتن‌ها
‎‏عنصرها

تگ دی‌آی‌وی از اصلی‌ترین تگ‌های اچ‌تی‌ام‌ال بوده و با وجود اینکه بسیاری از تگ‌ها در اچ‌تی‌ام‌ال ۵ حذف و یا اضافه شده‌اند، اما حتی یک ذره از اهمیت این تگ کاسته نشده!

مقدمه‌

[ویرایش]

تگ ‏DIV‏ یا دیویژن، یکی از تگ‌های مهم ‏HTML‏ است و برای قسمت‌بندی صفحه استفاده می‌شود. این تگ کماکان در آخرین نسخه اچ‌تی‌ام‌ال (نسخه ۵) حضور دارد. این تگ از رویدادهای عمومی اچ‌تی‌ام‌ال پشتیبانی می‌کند.

نحوه استفاده

[ویرایش]
<!DOCTYPE html>
<html lang="fa">
  <title>‎تگ دی‌آی‌وی‎</title>
  <body dir="rtl">
    <div style="width: 300px;">
      <div style="width: 300px; height: 50px; background-color: lime; text-size: 10px;">
        ‎سربرگ
      </div>
      <div style="width: 50px; height: 100%; background-color: orange; float: right;">
        ‎نوار کناری
      </div>
      <div style="width: 250px; height: 100%; background-color: yellow; float: right;">
        ‎محتوا
      </div>
      <div style="width: 300px; height: 100%; background-color: red; clear: both;">
        ‎پاورقی
      </div>
    </div>
  </body>
</html>

نتیجه کد بالا به این‌صورت خواهد بود:

‎سربرگ
نوار کناری
‎محتوا
‎پاورقی

همان‌طور که مشاهده می‌کنید، من از استایل برای زیبا کردن دی‌آی‌وی استفاده کردم بدون استایل‌دهی به این‌صورت نمایش داده می‌شود:

‎قسمت اول‎
‎قسمت دوم‎

‎نکته:‏

توصیه می‌شود که حتما از استایل‌های سی‌اس‌اس در تگ دی‌آی‌وی استفاده کنید.