تگ <a> تگی است که ما با استفاده از آن می توانیم یک لینک را در یک صفحه ی وب ایجاد نماییم. و این لینک می تواند کاربر را از یک صفحه به صفحه ی دیگر در یک وب سایت یا در کل فضای اینترنت منتقل نماید. کاربران می‌توانند بر روی هر چیزی که بین این تگ <a> Text </a> قرار گرفته کلیک کنند.
در تگ <a> مهم ترین خصوصیت href است که نشان می دهد مقصد لینک کجاست.
به طور پیش فرض، لینک ها در مرورگرها به یکی از روش های زیر، ظاهر می شوند:
- لینک مشاهده نشده، زیر خط دار و آبی است
- لینک بازدید، زیر خط دار و بنفش است
- لینک فعال، زیر خط دار و به رنگ قرمز است
نکته ها و ترفندها
نکته ۱: اگر ویژگی href تنظیم نشده باشد، هیچ کدام از ویژگی های زیر اثری نخواهند داشت:
- download
- hreflang
- media
- rel
- target
- type
نکته ۲: صفحه لینک شده به طور معمول در پنجره جاری مرورگر نمایش داده می شود، مگر اینکه شما خصوصیت target را برای لینک مذکور تنظیم نمایید.
نکته ۳: برای style دادن به لینک ها از CSS استفاده کنید.
تبدیل می شود.
کار با تگ <a> و ساخت لینک به صورت کلی به شکل زیر است :
<a href="URL" target="" title="">لینک</a>
شکل های کلی ساخت لینک را می توانید در قسمت زیر ببینید و تمرین کنید :
تمرین کنید !
خصوصیت های تگ <a> :
| خصوصیات | مقدار | توضیحات |
| charset | char_encoding | در HTML5 پشتیبانی نمی شود. مشخص کننده نوع کدینگ کاراکترهای صفحه مقصد است. |
| coords | coordinates | در HTML5 پشتیبانی نمی شود. مختصات یک لینک را مشخص می کند. |
| download | filename | دانلود یک لینک را مشخص می کند. |
| href | URL | ایجاد پیوند یا لینک به سندی دیگر را مشخص می کند |
| hreflang | language_code | مشخص کننده زبان اصلی و پیش فرض صفحه مقصد پیوند است. |
| media | media_query | لینک رسانه یا دستگاه را مشخص می کند. |
| name | section_name | در HTML5 پشتیبانی نمی شود. ایجاد لینک نامگذاری شده در یک سند را مشخص می کند. (استاندارد HTML5 خصوصیت id را به جای name برای تعیین اسم برای یک محل مشخص پیشنهاد می دهد) |
| rel | alteralternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
نوع ارتباط بین سند رایج و سند لینک شده را مشخص می کند. |
| rev | text | در HTML5 پشتیبانی نمی شود. نوع ارتباط بین سند لینک شده با سند های رایج را مشخص می کند. |
| shape | default rect circle poly |
در HTML5 پشتیبانی نمی شود. ایجاد shape (شکل) از لینک را مشخص می کند. |
| target | _blank _parent _self _top framename |
خصوصیت target مشخص می کند که صفحه ی لینک شده چگونه باز شود. |
| type | media_type | نوع media (رسانه) لینک شده به سند را مشخص می کند. |
پشتیبانی مرورگرها از تگ a در HTML:
| Element |  |
 |
 |
 |
 |
| <a> | بله | بله | بله | بله | بله |