تگ body در HTML

2.54k بازدید
آخرین بروزرسانی: 27 دی 1403
HTML
زمان مطالعه: 4 دقیقه

تگ 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>

مشاهده می‌فرمایین که همه تگ‌های دیدنی، باید داخل بدنه نوشته بشن.

پاورپوینت معرفی زبان HTML — آشنایی با زبان رایج نشانه گذاری

نحوه نوشتن تگ بدنه

تگ body در html، تگ پایانی داره. یعنی با تگ <body> باز می‌شه و در آخر هم با تگ بسته <body/> بسته می‌شه. به عبارتی این تگ رو قبل از پایان بسته شدن تگ <html/> باید ببندیم. در هر فایل اچ تی ام ال، بایستی تنها یک بار از این تگ استفاده بشه. یه وقت نیایین دو تا تگ بدنه تعریف کنین! انگار می‌گین یه آدم، دو تا بدن داره. مگه می‌شه؟

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

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

اغلب برنامه نویس‌ها برای body استایل‌های دیگه‌ای تعریف می‌کنن. مثل رنگ پشت زمینه. اگه با استایل دادن در html آشنا نیستین، حتما اینو بخونین عالی می‌شه.

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

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

پاورپوینت زبان های برنامه نویسی، سیستم عامل ها و Data bases

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

همه مرورگرها از تگ body در html پشتیبانی کامل می‌کنند:

نام مرورگر
پشتیبانی می کند؟	بله	بله	بله	بله	بله

در پایان اگر دنبال یه پکیج کامل آموزشی هستین، می‌تونین کل آموزش‌ها رو به صورت ویدیویی مشاهده کنین. فیلم آموزش HTML

سالار عباپور

فارغ التحصیل رشته مهندسی برق و مدرس دوره های طراحی سایت - ایشان در زمینه طراحی سایت با زبان های برنامه نویسی PHP و فریمورک لاراول Laravel فعال هستند و همچنین یکی از تحلیل گران خبره در حوزه بازارهای مالی بین المللی و بورس هستند.

مشاهده مقالات بیشتر نویسنده