تگ body در HTML
تگ body در HTML چیست؟ کاربرد این تگ چیه؟ آیا تگ بدنه همان تگ body است؟ این تگ، بدنه اصلی صفحات اچ تی ام ال است. به نوعی میشه گفت تگ بادی، چهارچوب، چهارستون و قالب کلی و کالبد تمام صفحات html است. ولی چرا؟ چون از این به بعد تمامی تگ های قابل رویت برای کاربر، در داخل این تگ نوشته میشه. تگ هایی مثل تگ p، تگ a، تگ img، تگ های heading یا سرتیتر ها و … همگی فرزند این تگ محسوب میشن و باید در بطن آن نوشته بشن.
تگ body در html کجا نوشته می شود؟
تگ بدنه یا همان تگ بادی، باید داخل تگ html نوشته بشه و درست پس از اتمام تگ head. اگه خاطرتون باشه عرض کردم که همه تگ های html (بجز دستور DOCTYPE) باید داخل تگ html نوشته بشن. چه اونایی که در نمایشگر دیده میشن و چه اونایی که دیده نمیشن. پس تگ body هم باید داخل تگ <html> باشه. به مثال زیر دقت کنین:
مشاهده می کنین که هم تگ head داخل تگ <html> نوشته شده و هم تگ body.
تگ body در html و کاربرد آن
اصلا هدف از نوشتن این تگ چیه؟ یادتونه گفتیم همه تگ هایی که برای کاربر غیر قابل رویت هست باید داخل تگ head نوشته بشه؟ مثل تگ متا، تگ title، تگ link و … در داخل تگ بدنه هم باید تنها تگ هایی نوشته بشن که در مرورگر نمایش داده میشن. به این خاطر هستش که میگیم تگ بدنه، بدنه اصلی سایته. چارچوب و اسکلت بندی اونه. اگه میخواهیم یک عکس رو در سایت وارد کنیم، یا یک پاراگراف بنویسیم، یا یک جدول ایجاد کنیم باید همگی داخل تگ بدنه باشن:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>پی استور، برترین منبع آموزشی</title> <link rel="stylesheet" href="css/test.css"> </head> <body> <input type="checkbox" name="" id="checkbox"> <div class="content"> <header>Header</header> <aside>Aside</aside> <nav> <ul> <li>همه لیست ها باید داخل تگ بدنه نوشته بشن</li> <li>همه لیست ها باید داخل تگ بدنه نوشته بشن</li> <li>همه لیست ها باید داخل تگ بدنه نوشته بشن</li> <li>همه لیست ها باید داخل تگ بدنه نوشته بشن</li> <li>همه لیست ها باید داخل تگ بدنه نوشته بشن</li> </ul> </nav> <main> <p>یک پاراگراف که باید داخل تگ بادی نوشته بشه</p> </main> <section> <img src="assets/blog.jpg" alt="یه عکس که باید داخل تگ بدنه نوشته بشه"> </section> <footer>Footer</footer> </div> </body> </html>
مشاهده می فرمایین که همه تگ های دیدنی، باید داخل بدنه نوشته بشن.
نحوه نوشتن تگ بدنه
تگ body در html، تگ پایانی داره. یعنی با تگ <body> باز میشه و در آخر هم با تگ بسته <body/> بسته میشه. به عبارتی این تگ رو قبل از پایان بسته شدن تگ <html/> باید ببندیم. در هر فایل اچ تی ام ال، بایستی تنها یک بار از این تگ استفاده بشه. یه وقت نیایین دو تا تگ بدنه تعریف کنین! انگار میگین یه آدم، دو تا بدن داره. مگه میشه؟
دستورات css پیش تگ body در html
اگه تگ body در html، دستکاری نشه و استایل های دیگه بهش ندن، دستورات css زیر به عنوان استایل های پیش فرض این تگ محسوب میشه:
اغلب برنامه نویس ها برای body استایل های دیگه ای تعریف می کنن. مثل رنگ پشت زمینه. اگه با استایل دادن در html آشنا نیستین، حتما اینو بخونین عالی میشه.
پشتیبانی تگ body از صفات و خصوصیات
تگ body در html، از همه صفات عمومی یا Global Attributes و نیز همه رویداد ها یا Event Attributes حمایت و پشتیبانی می کند.
پشتیبانی مرورگر ها از body
همه مرورگر ها از تگ body در html پشتیبانی کامل می کنند:
نام مرورگر | |||||
پشتیبانی می کند؟ | بله | بله | بله | بله | بله |
در پایان اگر دنبال یه پکیج کامل آموزشی هستین، می تونین کل آموزش ها رو به صورت ویدیویی مشاهده کنین. فیلم آموزش HTML
درباره سالار عباپور
فارغ التحصیل رشته مهندسی برق و مدرس دوره های طراحی سایت - ایشان در زمینه طراحی سایت با زبان های برنامه نویسی PHP و فریمورک لاراول Laravel فعال هستند و همچنین یکی از تحلیل گران خبره در حوزه بازارهای مالی بین المللی و بورس هستند.
, سلام میتونید توضیح بدید چند تگ درون تگ بادی وجود داره