logo

تگ body در HTML

تگ body در HTML

تگ body در HTML چیست؟ کاربرد این تگ چیه؟ آیا تگ بدنه همان تگ body است؟ این تگ، بدنه اصلی صفحات اچ تی ام ال است.  به نوعی میشه گفت تگ بادی، چهارچوب، چهارستون و قالب کلی و کالبد تمام صفحات html است. ولی چرا؟ چون از این به بعد تمامی تگ های قابل رویت برای کاربر، در داخل این تگ نوشته میشه. تگ هایی مثل تگ p، تگ a، تگ img، تگ های heading یا سرتیتر ها و … همگی فرزند این تگ محسوب میشن و باید در بطن آن نوشته بشن.

تگ body در html کجا نوشته می شود؟

تگ بدنه یا همان تگ بادی، باید داخل تگ html نوشته بشه و درست پس از اتمام تگ head. اگه خاطرتون باشه عرض کردم که همه تگ های html (بجز دستور DOCTYPE) باید داخل تگ html نوشته بشن. چه اونایی که در نمایشگر دیده میشن و چه اونایی که دیده نمیشن. پس تگ body هم باید داخل تگ <html> باشه.

تگ 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>من HTML را دوست دارم</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/> بسته میشه. به عبارتی این تگ رو قبل از پایان بسته شدن تگ باید ببندیم. در هر فایل اچ تی ام ال، بایستی تنها یک بار از این تگ استفاده بشه. یه وقت نیایین دو تا تگ بدنه تعریف کنین! انگار میگین یه آدم، دو تا بدن داره. مگه میشه؟

دستورات css پیش تگ body در html

اگه تگ body در html، دستکاری نشه و استایل های دیگه بهش ندن، دستورات css زیر به عنوان استایل های پیش فرض این تگ محسوب میشه:

body {

display: block;

margin: 8px;

}

body:focus {

outline: none;

}

اغلب برنامه نویس ها برای body استایل های دیگه ای تعریف می کنن. مثل رنگ پشت زمینه.

پشتیبانی تگ بادی از صفات و خصوصیات

تگ body در اچ تی ام ال، از همه صفات عمومی یا Global Attributes و نیز همه رویداد ها یا Event Attributes حمایت و پشتیبانی می کند.

پشتیبانی مرورگر ها از body

همه مرورگر ها از تگ body در اچ تی ام ال پشتیبانی کامل می کنند.

آموزش از سایت آموزش amp

مطالب مرتبط