حساب کاربری

ساختار استاندارد سند HTML: از تگ head تا body

ساختار استاندارد سند HTML: از تگ head تا body

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

📜 اجزای اصلی سند HTML

1. خط DocType

<!DOCTYPE html>
  • به مرورگر اعلام می‌کند که سند از نسخه‌ی مدرن HTML5 استفاده می‌کند.
  • بدون این خط، برخی مرورگرها ممکن است صفحه را به‌صورت قدیمی‌تر تفسیر کنند.

2. تگ <html>

<html>
  ...
</html>
  • ریشه‌ی سند HTML است.
  • همه‌ی عناصر دیگر داخل این تگ قرار می‌گیرند.

3. بخش <head>

<head>
  <meta charset="UTF-8">
  <title>صفحه‌ی مثال</title>
</head>
  • شامل اطلاعات درباره‌ی صفحه است، نه محتوای قابل مشاهده.
  • مهم‌ترین عناصر داخل head:
    • <title>: عنوان صفحه که در تب مرورگر نمایش داده می‌شود.
    • <meta charset="UTF-8">: تعیین مجموعه کاراکترها (UTF-8 برای فارسی و انگلیسی مناسب است).
  • در آینده می‌توانیم استایل‌ها (CSS)، اسکریپت‌ها (JavaScript) و لینک‌های خارجی را هم اینجا قرار دهیم.

4. بخش <body>

<body>
  <h1>صفحه نمونه</h1>
  <p>این یک پاراگراف ساده‌ست.</p>
</body>
  • محتوای اصلی صفحه که کاربر در مرورگر می‌بیند.
  • شامل تیترها، متن‌ها، تصاویر، لیست‌ها، لینک‌ها و هر چیزی که به کاربر نمایش داده می‌شود.

🧩 قالب کامل یک سند HTML استاندارد

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>صفحه‌ی مثال</title>
</head>
<body>
  <h1>صفحه نمونه</h1>
  <p>این یک پاراگراف ساده‌ست.</p>
</body>
</html>

🎯 جمع‌بندی

  • هر صفحه‌ی HTML باید با DocType شروع شود.
  • تگ <html> ریشه‌ی سند است.
  • بخش <head> برای اطلاعات درباره‌ی صفحه است.
  • بخش <body> برای محتوای قابل مشاهده است.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همراهان عزیز، تمامی خدمات مجموعه طبق روال سابق بصورت رایگان در حال ارائه می باشند. درصورت وجود سوال یا جهت دریافت پشتیبانی به شماره 09390741256 پیام ارسال نمایید.