برای لایه بندی صفحات (layout بندی) از تگ <div></div> استفاده می شود (div مخفف division به معنای بخش است). همان طور که در تصویر زیرمشاهده می شود پیش از آنکه اقدام به کدنویسی برای یک صفحه صورت گیرد، ابتدا به صورت شماتیک باید مشخص نمود که صفحه به چه قسمتهایی تقسیم می شود. سپس کدهای مربوط به هر یک از این قسمت ها درون یک تگ <div> قرار می گیرد.




یکی دیگر از کاربردهای تگ <div> دسته بندی کدها است. به عنوان مثال ممکن است بخواهیم یک سایه با اندازه مشخص را به تعدادی المان بدهیم. یک راه آن است که این استایل را به تک تک آنها اعمال کنیم، اما راه معقول تر آن است که همه آنها را درون یک تگ <div> قرار داده و آنگاه استایل مورد نظر را به این تگ اعمال کنیم. همانطور که در کدهای زیر مشاهده می شود، دو تگ <p> داخل یک <div> قرار داده شده اند. در نتیجه هر استایلی که به تگ <div> داده شود، به هر دو تگ <p> اعمال می شود.