شبکه اجتماعی طراحان وب ایران
ورود
همهٔ درس‌ها

مبانی HTML

ساختار سند HTML، تگ‌های اصلی و معناسازی.

پیش‌نیاز: معرفی طراحی وب

ساختار یک سند HTML

هر صفحهٔ HTML با تعریف نوع سند و المان <html> شروع می‌شود. داخل آن دو بخش اصلی داریم: <head> برای اطلاعات فراداده (عنوان، اتصال به CSS و غیره) و <body> برای محتوای قابل مشاهده.

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title>عنوان صفحه</title>
</head>
<body>
    محتوای صفحه اینجا قرار می‌گیرد.
</body>
</html>

تگ‌های اصلی

  • <!DOCTYPE html> — به مرورگر می‌گوید سند از نوع HTML5 است.
  • lang="fa" — زبان صفحه را برای دسترسی‌پذیری و موتور جستجو مشخص می‌کند.
  • dir="rtl" — جهت راست‌به‌چپ برای زبان فارسی.
  • <meta charset="UTF-8"> — encoding کاراکترها تا فارسی و علائم درست نمایش داده شوند.

معناسازی (Semantics)

استفاده از تگ‌های معنادار به موتورهای جستجو و خوانندگان صفحه کمک می‌کند. به‌جای اینکه همهٔ محتوا را داخل <div> بگذاری، از تگ‌هایی مثل <header>، <main>، <article>، <section> و <footer> استفاده کن.

در درس بعد با تگ‌های متن، لینک و تصویر آشنا می‌شوی.

لینک کپی شد!