تگ (Tag)
🎯 تعریف
تگ در HTML، یک عنصر نشانه‌گذاری است که برای مشخص کردن ساختار و نوع محتوای صفحه وب استفاده می‌شود. مرورگرها با استفاده از این تگ‌ها تشخیص می‌دهند که هر بخش از صفحه چه نوع عنصری است و چگونه باید نمایش داده شود.🕰 تاریخچه
در HTML، تگ‌ها از ابتدا به عنوان بخش اصلی زبان تعریف شدند. اولین نسخه‌های HTML شامل تگ‌های پایه مثل <p>، <h1> و <a> بودند و به مرور زمان با پیشرفت وب، تگ‌های جدیدتری برای ساختاردهی بهتر محتوا و امکانات بیشتر اضافه شدند.🛠 انواع تگ‌ها
1. تگ‌های جفتی (Paired Tags)
o شامل تگ باز و تگ بسته هستند.o مثال:
<p>این یک پاراگراف است</p>
2. تگ‌های تک‌تایی یا خودبسته (Self-closing Tags)
o فقط یک تگ دارند و نیازی به بسته شدن ندارند.مثال:
<img src="image.jpg" alt="تصویر">
📌 ساختار کلی تگ
<نام‌تگ>محتوا</نام‌تگ>• <نام‌تگ> → تگ باز
• </نام‌تگ> → تگ بسته
• محتوا → محتوای داخل تگ
<!DOCTYPE html> – تعریف، تاریخچه، کاربرد و اهمیتش برای HTML5
<html> – تگ ریشه صفحه و ویژگی‌هایش
<head> – محل متادیتا، لینک CSS، اسکریپت‌ها و تنظیمات صفحه
<title> – عنوان صفحه در مرورگر و سئو
متادیتا (Metadata) – شامل <meta charset>، <meta name="description">، و نقششان در سئو و نمایش
<body> – محتوای قابل مشاهده برای کاربر
✳️ نقش و کاربرد
• تعریف عنوان‌ها: <h1> تا <h6>
• ایجاد پاراگراف: <p>
• افزودن تصویر: <img>
• ایجاد لینک: <a>
• نمایش لیست‌ها: <ul>، <ol>، <li>
• ساخت فرم‌ها: <form>، <input>، <button>
• ساختار صفحه: <header>، <nav>، <main>، <footer>
📋 نکات مهم
• بیشتر تگ‌ها باید به درستی باز و بسته شوند.• می‌توانند شامل ویژگی‌ها (Attributes) باشند.
مثال:
<a href="https://example.com" target="_blank">لینک</a>o href → آدرس مقصد
o target → نحوه باز شدن لینک
________________________________________
🧠 نتیجه‌گیری
تگ‌ها ستون فقرات HTML هستند. بدون آن‌ها مرورگر قادر به تشخیص و نمایش صحیح محتوا نخواهد بود. یادگیری و استفاده صحیح از تگ‌ها اولین قدم در طراحی وب است.