تگ 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
و نحوه استفاده از آن برای ایجاد صفحات وب با ساختار منطقی و ظاهری جذاب بسیار مهم است.
این مقاله چقدر براتون مفید بود؟