لوگو دویکس
ورود / ثبت نام
تگ body در HTML

تگ body در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 09 آذر 1399

تگ body در HTML یک عنصر اساسی است که محتوای اصلی صفحه وب را در خود جای می‌دهد. این محتوا می‌تواند شامل متن، پاراگراف‌ها، تصاویر، جداول، لینک‌ها، فرم‌ها و سایر عناصر HTML باشد.

مشخصات تگ body در HTML

تگ body همیشه فرزند دوم عنصر html است (فرزند اول تگ head می‌باشد). تنها یک تگ body مجاز در هر سند HTML وجود دارد.

محتویات تگ body

تمام عناصری که قابل مشاهده هستند و صفحه وب را تشکیل می‌دهند، درون تگ body قرار می‌گیرند. این محتوا می‌تواند شامل موارد زیر باشد:

  • متن و پاراگراف‌ها (p)
  • سرتیترها (h1 تا h6)
  • لیست‌ها (ul, ol)
  • تصاویر (img)
  • جداول (table)
  • لینک‌ها (a)
  • فرم‌ها (form)
  • و سایر تگ‌های HTML

صفات تگ body

تگ body دارای چند صفت اختیاری است که می‌توانید برای کنترل جنبه‌های مختلف صفحه خود از آن‌ها استفاده کنید. برخی از مهم‌ترین این صفات عبارتند از:

  • background-color: رنگ پس‌زمینه بدنه صفحه را تعیین می‌کند.
  • text-color: رنگ متن پیش فرض بدنه صفحه را تعیین می‌کند.
  • bgcolor (منسوخ شده): برای تعیین رنگ پس‌زمینه بدنه صفحه استفاده می‌شد (استفاده از background-color توصیه می‌شود).
  • text (منسوخ شده): برای تعیین رنگ متن پیش فرض بدنه صفحه استفاده می‌شد (استفاده از text-color توصیه می‌شود).
  • onLoad: اسکریپتی را مشخص می‌کند که باید بلافاصله پس از بارگیری کامل بدنه صفحه اجرا شود.
  • dir: جهت متن را در بدنه صفحه مشخص می‌کند (ltr برای چپ به راست و rtl برای راست به چپ).
  • link: آدرس یک منبع خارجی را مشخص می‌کند که به آن مرتبط است.
  • vlink: رنگ پیوندهای بازدید شده را تعیین می‌کند.
  • alink: رنگ پیوندهای فعال (هنگامی که روی آنها کلیک می‌شود) را تعیین می‌کند.

نکات مهم در مورد تگ body

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

در اینجا چند نکته مهم در مورد تگ body آورده شده است:

1. ساختار:

  • همیشه از تگ body به صورت جفت استفاده کنید، به این معنی که باید یک تگ <body> باز و یک تگ </body> بسته داشته باشید.
  • تمام محتوای قابل مشاهده صفحه شما باید داخل تگ body قرار گیرد.
  • از تودرتو کردن تگ‌های body خودداری کنید.

2. محتوا:

  • تگ body برای قرار دادن محتوای اصلی صفحه شما در نظر گرفته شده است. این محتوا می‌تواند شامل متن، تصاویر، ویدیو، کدهای جاوا اسکریپت، و سایر عناصر HTML باشد.
  • از عنصر div با کلاس‌های CSS می‌توانید برای ایجاد بخش‌های جداگانه با سبک‌های متفاوت در صفحه خود استفاده کنید.

3. قالب‌بندی:

  • از صفات body برای تعریف سبک‌های کلی برای کل صفحه وب با احتیاط استفاده کنید. توصیه می‌شود برای سبک‌دهی از کلاس‌های CSS استفاده کنید.
  • صفات مهم تگ body شامل background-color (رنگ پس‌زمینه)، text-color (رنگ متن)، dir (جهت متن) و onLoad (اسکریپتی که باید پس از بارگیری صفحه اجرا شود) است.
  • از رنگ‌های خوانا و فونت‌های مناسب برای متن بدنه استفاده کنید.
  • برای ایجاد فاصله‌بندی و سازماندهی محتوا از عناوین، پاراگراف‌ها و لیست‌ها استفاده کنید.

4. دسترسی:

  • از تگ body برای نقل قول از منابع معتبر استفاده کنید.
  • منبع نقل قول را با استفاده از صفت cite مشخص کنید.
  • از علامت‌گذاری صحیح برای عناصر مانند تصاویر و جداول استفاده کنید تا برای افراد با اختلالات بینایی قابل دسترس باشد.
  • از زبان صحیح برای محتوای خود استفاده کنید و از اتریبیوت lang برای مشخص کردن آن استفاده کنید.

5. جایگزین‌ها:

  • در حالی که تگ body برای محتوای اصلی صفحه در نظر گرفته شده است، می‌توانید از عنصر div با کلاس‌های CSS برای ایجاد بخش‌های جداگانه با سبک‌های متفاوت در صفحه خود استفاده کنید.
  • عنصر q در HTML5 برای نقل قول‌های کوتاه معرفی شده است.

درک کامل تگ body و نحوه استفاده از آن برای ایجاد صفحات وب با ساختار منطقی و ظاهری جذاب بسیار مهم است.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊