CodeShot
HTML1 دقیقه مطالعه

HTML چیست؟

زبان نشانه‌گذاری استاندارد برای ساخت ساختار صفحات وب — عنوان، پاراگراف، لینک، تصویر و بقیه عناصر یک صفحه.

چرا مهم است؟

HTML اسکلت هر صفحه وب است؛ بدون آن نه CSS چیزی برای استایل‌دهی دارد و نه JavaScript چیزی برای تعامل. یادگیری درست آن پایه فرانت‌اند و حتی سئوی صفحه (تگ‌های معنایی) است.

تعریف

HTML (HyperText Markup Language) با مجموعه‌ای از تگ‌ها ساختار محتوای یک صفحه وب را مشخص می‌کند؛ مرورگر همین ساختار را می‌خواند و رندر می‌کند.

اسکلت یک صفحه

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

تگ‌های معنایی (Semantic HTML)

به‌جای پر کردن صفحه از <div>، از تگ‌هایی استفاده کنید که معنای محتوا را هم می‌رسانند: <header>، <nav>، <main>، <article>، <section>، <footer>. این کار به موتورهای جست‌وجو و ابزارهای دسترسی‌پذیری (Screen Reader) کمک می‌کند.

اشتباهات رایج

❌ استفاده از <div> برای هر چیزی، حتی جایی که تگ معنایی مناسب‌تر وجود دارد. ❌ فراموش‌کردن alt روی <img> — هم به دسترسی‌پذیری و هم سئو ضربه می‌زند.

منبع و مطالعه بیشتر

خلاصه

HTML ساختار صفحه وب را با تگ‌ها مشخص می‌کند و پایه هر کار فرانت‌اندی است. استفاده از تگ‌های معنایی به‌جای div همه‌جا، سئو و دسترسی‌پذیری را بهتر می‌کند. مرجع کامل: MDN و W3Schools.

حالا امتحان کن

🧩آزمون HTML4 سؤال · نمره قبولی 60٪
این مطلب مفید بود؟
نشان کردن
مشاهده در Concept Hub ←