گروه آموزش طراحی سایت ۲۹ شهریور ۱۳۹۰ ۱ 1477 بازدید

تگ <body> از تگ های اصلی است که ساختار پایه ی تمام فایل های html را تشکیل می دهد. این تگ تمام قسمت قابل مشاهده برای کاربران را در خود جای می دهد.

تگ body بدنه ی اصلی فایل های اچ تی ام ال را تشکیل می دهد؛ بنابر این تمام عناصری که در صفحات وب وجود دارند و مشاهده می شوند، درون این تگ به کار گرفته می شوند:

<html></p>
<p dir="ltr"><head></head></p>
<p dir="ltr"><body></p>
<p dir="ltr">content goes here ...</p>
<p dir="ltr"></body></p>
<p dir="ltr">

نکته ی css:

تمام مشخصه هایی که در css از قواعد ارث بری پیروی می کنند؛ مقدار خود را از body به ارث می برند.

ترفند css:

برای کاهش حجم کدهای css و تسریع در طراحی صفحات وب سایت ها؛ بهتر است ابتدا مولفه هایی که میتوان از ارث بری آن ها استفاده کرد، قبل از هر چیز برای انتخابگر body مقدار دهی شوند. به عنوان یک نمونه به مثال زیر توجه کنید:

body {</p>
<p dir="ltr">font:normal 12px Tahoma, Arial, serif;</p>
<p dir="ltr">color:#222;</p>
<p dir="ltr">background:#eee;</p>
<p dir="ltr">}

ترفند css:

تکنیک های بگراندهای بزرگ (big backgrounds) در سی اس اس با توجه به فضای body طراحی شده و مورد استفاده قرار میگیرند:

body {</p>
<p dir="ltr">background:url(images/big-bg.png) no-repeat center top;</p>
<p dir="ltr">}

ترفند css:

معمولا برای سبک دهی بهتر، یک عنصر پوشاننده درون body تعریف می شود و در مرکز body قرار داده می شود. سپس در فضای بیرون از آن ممکن است منوهای ثابت یا … مورد استفاده قرار بگیرد.

<body></p>
<p dir="ltr"><div id=”wrapper”></p>
<p dir="ltr">…</p>
<p dir="ltr"></div><!—#wrapper—></p>
<p dir="ltr"></body>

نظرات کاربران (۱)



  1. مهدی

    سلام
    واقعا پست خوبی بود
    یه نکته کوچیک توش بود که توی ولید سایتم خیلی کمک کرد و تونستم با این پستی که گذاشتید حدود ۱۱۰ تا ارور رو رفع کنم.
    با تشکر از پست خوبتون.