آشنایی با اتریبیوت های تگ a در html

آشنایی با اتریبیوت های تگ a در html
فهرست مقاله [نمایش]

    تگ <a> یکی از پرکاربردترین تگ‌ها در HTML است که برای ایجاد لینک یا همان ابرپیوند (Hyperlink) استفاده می‌شود. این تگ می‌تواند به صفحات دیگر، فایل‌ها، بخش‌های خاصی از همین صفحه یا حتی به آدرس‌های ایمیل لینک دهد.

    در این مقاله به بررسی مهم‌ترین صفات (attributes) تگ <a> می‌پردازیم و نشان می‌دهیم چگونه با استفاده صحیح از آن‌ها می‌توان هم تجربه کاربر را بهبود داد و هم به سئوی سایت کمک کرد.

    1. صفت href در تگ a

    href مهم‌ترین صفت یا اتریبیوت  تگ <a> است که آدرس مقصد را مشخص می‌کند.

    • آدرس کامل یا نسبی صفحه مقصد در مقدار href نوشته می‌شود.
    • بدون این صفت، تگ لینک عملکردی ندارد.
    <a href="https://bugeto.net">رفتن به سایت باگتو</a>

    2. صفت target در تگ a

    این صفت مشخص می‌کند لینک در کجا باز شود.

    • _blank : باز شدن لینک در تب یا پنجره جدید
    • _self : باز شدن در همان تب فعلی (پیش‌فرض)
    • _parent : باز شدن در فریم والد
    • _top : باز شدن در بالاترین سطح فریم
    <a href="https://bugeto.net" target="_blank">مشاهده در تب جدید</a>

    3. صفت download در تگ a

    برای دانلود مستقیم فایل از طریق لینک استفاده می‌شود.

    • مقدار آن می‌تواند نام فایل نهایی باشد.
    <a href="/files/brochure.pdf" download="bugeto-brochure.pdf">دانلود بروشور</a>

    4. صفت rel در تگ a

    این اتریبیوت نوع رابطه‌ی بین صفحه فعلی و لینک مقصد را مشخص می‌کند.

    • alternate : نسخه جایگزین صفحه
    • author : لینک به نویسنده
    • bookmark : پرش به بخش خاصی از صفحه
    • help : لینک به راهنما
    • license : لینک به لایسنس محتوا
    • next : لینک به مقاله یا بخش بعدی
    • prev : لینک به مقاله یا بخش قبلی
    • nofollow : جلوگیری از دنبال شدن توسط موتور جستجو
    • search : لینک به جستجو
    • tag : لینک به برچسب
    <a href="https://example.com" rel="nofollow" target="_blank">لینک تبلیغاتی</a>

    5. صفت hreflang در تگ a

    مشخص‌کننده زبان محتوای مقصد برای لینک‌های بین‌المللی.

    <a href="https://bugeto.net/en/article" hreflang="en">Read this article in English</a>

    6. صفت type در تگ a

    مشخص‌کننده نوع MIME مقصد لینک.

    • application/pdf
    • image/png
    • video/mp4
    <a href="/files/doc.pdf" type="application/pdf">دانلود فایل PDF</a>

    ✅ نتیجه‌گیری

    تگ <a> یکی از مهم‌ترین عناصر HTML است. استفاده‌ی درست از صفات آن، به‌ویژه href، target، rel و download، تجربه کاربر را بهتر و سئوی سایت را تقویت می‌کند.

    اگر قصد دارید سایت حرفه‌ای و بهینه‌ داشته باشید، توجه به جزئیات HTML و لینک‌سازی اصولی را فراموش نکنید.

    اطلاعات نویسنده
    • نویسنده: احسان بابائی

    ارسال دیدگاه

    برای افزودن دیدگاه خود، نیاز است ابتدا وارد حساب کاربری‌تان شوید


    دیدگاه کاربران