المان <body> و بخش body در HTML

المان <body> در اچ‌تی‌ام‌ال محتوای قابل مشاهده در صفحه یا همان بدنه سند را تشکیل می‌دهد. این المان پس از المان <head> قرار می‌گیرد و یکی از دو فرزند مستقیم المان <html> به شمار می‌رود. عنوان ها (یا هدینگ ها)، پاراگراف ها، تصاویر، پیوندها، جدول ها و به طور کلی تمام اجزای قابل مشاهده داخل صفحه‌های وب در بخش body قرار می‌گیرند. فراموش نکنید در یک سند HTML تنها یک المان <body> وجود دارد.

به عنوان یک نمونه ساده، سند HTML زیر را در نظر بگیرید:

<!DOCTYPE html>
<html>
  <head>
    <title>A Simple page</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>This is a heading</h1>
    <p>A simple paragraph containing <a href="https://example.com">hyperlink to example.com</a>.</p>
  </body>
</html>

همانطور که می‌بینید در این سند، المان <body> یا همان بخش body به صورت زیر است:

<body>
  <h1>This is a heading</h1>
  <p>A simple paragraph containing <a href="https://example.com">hyperlink to example.com</a>.</p>
</body>

در این مثال ساده تنها سه المان داخل بخش body یا بدنه سند قرار دارد:

  • المان <h1> که یک هدینگ یا عنوان سطح 1 را مشخص می‌کند. محتوای داخلی این المان، متن عنوان را مشخص می‌کند.
  • المان <p> که یک پاراگراف را مشخص می‌کند. محتوای داخلی این المان، متن پاراگراف را مشخص می‌کند.
  • المان <a> که یک لینک یا پیوند را مشخص می‌کند. مقدار ویژگی href در تگ شروع، مقصد لینک را تعیین می‌کند. محتوای داخلی المان (یعنی hyperlink to example.com که در نمونه زیر به صورت پررنگ ظاهر شده) نیز متن لینک را مشخص می‌کند (کاربر با کلیک روی این متن به مقصد لینک هدایت می‌شود). این المان در مثال فوق داخل المان <p> قرار گرفته است درنتیجه این پیوند بخشی از پاراگراف خواهد بود.
<a href="https://example.com">hyperlink to example.com</a>

در قسمت‌های آتی با جزئیات این المان‌ها بیشتر آشنا می‌شوید. در ادامه می‌توانید نتیجه سند فوق را مشاهده کنید.

See the Pen
Example of body in HTML
by techdic (@techdic)
on CodePen.

بازگشت به فهرست مجموعه آموزشی HTML

امیرحسین شهسواری

عاشق دنیای رایانه و فناوری به خصوص برنامه نویسی هستم؛ یادگرفتن و البته یاد دادن چیزای جالبی که یاد گرفتم باعث خوشحالیم میشه و از اولویت‌های اصلی زندگیم به حساب میاد. از مدیریت و نوشتن در تک دیک هم واقعا لذت می‌برم :)

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.