یکی از تگ هایی که در زمینه ی قالب بندی صفحات php خیلی کاربرد داره ، تگ <div> </div> هست.
تگ <div> </div> برای تقسیم بندی صفحات وب به کار برده میشه ، به عنوان مثال می خواهیم در این قسمت ، یک صفحه رو به سه قسمت ( Header یعنی سر صفحه ،Content یعنی محتوای صفحه و Footer یعنی پا صفحه ) تقسیم بندی کنیم.
شروع درس :
ابتدا یک تگ <div> </div> برای کل صفحه در نظر می گیریم که تمام تگ های <div> </div> ی که قراره استفاده کنیم داخل این تگ کلی قرار بگیرن ، یک اسم دلخواه هم مثلا mainWraper برای این تگ در نظر می گیریم و خاصیت align رو هم برابر center قرار میدیم به این شکل :
کد php:
<body>
<div id="mainWraper" align="center" >
// بقیه ی تگ های div در این قسمت قرار می گیرند
</div>
</body>
واضح است که تگ <div> </div> باید داخل تگ <body> </body> قرار بگیرد.
حالا همون طور که در بالا اشاره شد ، می خواهیم صفحه را به سه قسمت تقسیم کنیم پس باید از سه تا تگ <div> </div> استفاده کنیم و نام این تگ ها را هم به دلخواه ، PageHeader و PageContent و PageFooter در نظر می گیریم . برای مشخص شدن بهتر این تقسیم بندی در مرورگر ، داخل هر کدوم از این تگ ها یک متن هم می نویسیم که نشان دهنده ی قسمت مورد نظر باشد .
پس قطعه کد بالا رو به این صورت کامل تر می کنیم :
کد php:
<body>
<div id="mainWraper" align="center" >
<div id="pageHeader"> سر صفحه </div>
<div id="pageContent"> محتوا </div>
<div id="pageFooter"> پا صفحه </div>
</div>
</body>
بنابراین به همین سادگی ، ما صفحه رو به سه قسمت تقسیم کرده ایم.
اما یک سؤال : این تقسیم بندی صفحه رو به سه قسمت به صورت سطری تقسیم می کنه ، کسی میدونه برای تقسیم بندی صفحه به صورت عمودی باید چکار کنیم ؟ یعنی مثلا اگر بخوایم یک قسمتی از صفحه رو به دو نیمه ی چپ و راست تقسیم کنیم باید از چه روشی استفاده کنیم ؟
