21 تگ پرکاربرد HTML
زبان HTML (HyperText Markup Language) یکی از اساسی‌ترین زبان‌های مورد استفاده در طراحی وب است. این زبان با استفاده از تگ‌ها (Tags) ساختار و محتوای صفحات وب را تعریف می‌کند. در این مقاله، به بررسی ۲۱ تگ پرکاربرد HTML خواهیم پرداخت که هر توسعه‌دهنده وب باید با آن‌ها آشنا باشد.
۱. تگ <!DOCTYPE>
این تگ برای تعیین نوع سند و نسخه HTML مورد استفاده قرار می‌گیرد. به عنوان مثال، برای HTML5 به صورت زیر استفاده می‌شود:
<!DOCTYPE html>
۲. تگ <html>
این تگ ریشه‌ای برای تمامی محتوای HTML صفحه است و تمامی تگ‌های دیگر داخل این تگ قرار می‌گیرند:
<html>
<!– محتوای صفحه –>
</html>
۳. تگ <head>
این تگ شامل اطلاعات متا، لینک‌های استایل‌شیت، و دیگر اطلاعات مربوط به سند HTML می‌شود:
<head>
<title>عنوان صفحه</title>
</head>
۴. تگ <title>
این تگ عنوان صفحه وب را مشخص می‌کند که در نوار بالای مرورگر نمایش داده می‌شود:
<title>عنوان صفحه</title>
۵. تگ <meta>
این تگ اطلاعات متا را ارائه می‌دهد، مانند تنظیمات کاراکتر و توضیحات صفحه:
<meta charset=”UTF-8″>
<meta name=”description” content=”توضیح کوتاه در مورد صفحه”>
۶. تگ <link>
این تگ برای لینک دادن به منابع خارجی مانند فایل‌های CSS استفاده می‌شود:
<link rel=”stylesheet” href=”styles.css”>
۷. تگ <script>
این تگ برای وارد کردن کدهای جاوااسکریپت به کار می‌رود:
<script src=”script.js”></script>
۸. تگ <body>
این تگ شامل تمامی محتوای قابل مشاهده در صفحه وب است:
<body>
<!– محتوای صفحه –>
</body>
۹. تگ <header>
این تگ برای تعریف بخش سرصفحه (Header) در یک صفحه وب استفاده می‌شود:
<header>
<h1>عنوان اصلی</h1>
</header>
۱۰. تگ <nav>
این تگ برای ایجاد ناوبری در صفحه وب استفاده می‌شود:
<nav>
<ul>
<li><a href=”#home”>خانه</a></li>
<li><a href=”#about”>درباره ما</a></li>
</ul>
</nav>
۱۱. تگ <main>
این تگ برای مشخص کردن محتوای اصلی صفحه وب استفاده می‌شود:
<main>
<p>این محتوای اصلی صفحه است.</p>
</main>
۱۲. تگ <section>
این تگ برای تعریف بخش‌های مجزا در یک صفحه وب استفاده می‌شود:
<section>
<h2>بخش اول</h2>
<p>محتوای بخش اول.</p>
</section>
۱۳. تگ <article>
این تگ برای مشخص کردن مقالات یا بخش‌های محتوای مستقل در صفحه وب استفاده می‌شود:
<article>
<h2>مقاله اول</h2>
<p>محتوای مقاله اول.</p>
</article>
۱۴. تگ <aside>
این تگ برای محتوای جانبی یا تکمیلی استفاده می‌شود:
<aside>
<h3>مطالب مرتبط</h3>
<p>محتوای جانبی یا تکمیلی.</p>
</aside>
۱۵. تگ <footer>
این تگ برای تعریف بخش پایینی (Footer) در صفحه وب استفاده می‌شود:
<footer>
<p>حق کپی‌رایت © 2023</p>
</footer>
۱۶. تگ <h1> تا <h6>
این تگ‌ها برای تعریف عناوین استفاده می‌شوند، از <h1> برای عنوان اصلی تا <h6> برای عناوین فرعی:
<h1>عنوان اصلی</h1>
<h2>عنوان فرعی</h2>
۱۷. تگ <p>
این تگ برای تعریف پاراگراف‌ها استفاده می‌شود:
<p>این یک پاراگراف است.</p>
۱۸. تگ <a>
این تگ برای ایجاد لینک‌ها استفاده می‌شود:
<a href=”https://www.example.com”>بازدید از سایت</a>
۱۹. تگ <img>
این تگ برای نمایش تصاویر استفاده می‌شود:
<img src=”image.jpg” alt=”توضیح تصویر”>
۲۰. تگ <ul>
این تگ برای ایجاد لیست‌های بدون شماره استفاده می‌شود:
<ul>
<li>مورد اول</li>
<li>مورد دوم</li>
</ul>
۲۱. تگ <ol>
این تگ برای ایجاد لیست‌های شماره‌دار استفاده می‌شود:
<ol>
<li>مورد اول</li>
<li>مورد دوم</li>
</ol>
پایان؟
در این مقاله به بررسی ۲۱ تگ پرکاربرد HTML پرداختیم. این تگ‌ها ابزارهای اساسی برای ساختاردهی و نمایش محتوای صفحات وب هستند و هر توسعه‌دهنده وب باید با استفاده از آن‌ها آشنا باشد. آشنایی با این تگ‌ها به شما کمک می‌کند تا صفحات وب حرفه‌ای و کارآمد ایجاد کنید.
