تعریف و کاربرد
بوسیله تگ <a> می توان از یک صفحه HTML به صفحات دیگر همان سایت (یا سایت های دیگر) پیوند دهید.
معمولا برای صدا زدن تگ <a> از دو اصطلاح :
- پیوند (link)
- اَبَر پیوند (Hyperlink)
استفاده می کنند.
از مهم ترین ویژگی های تگ <a> می توان به href و target اشاره کرد:
- href: مشخص کننده آدرس مقصد پیوند می باشد.
- target: مشخص می کند که آدرس مقصد، در صفحه جدید مرورگر یا روی همان صفحه باز شود.
تگ <a>، مخفف کلمه anchor به معنی لنگر است.
نکات
نکته: در صورتی که ویژگی href در تگ <a> نباشد، این تگ فقط از متن نگهداری می کند و به جایی پیوند داده نمی شود.
<a>anchor text</a>نکته: در صورتی که ویژگی href در تگ <a> به صورت خالی باشد، پیوند به خود صفحه داده می شود.
<a href="">anchor text</a>سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| <a> |
ویژگی ها
| ویژگی ها | مقادیر | توضیحات |
|---|---|---|
| download |
filename
|
با کلیک بر روی پیوند، شروع به دانلود می کند. |
| href |
URL
|
آدرس صفحه(سایت) مقصد را مشخص میکند. |
| hreflang |
language_code
|
زبان صفحه(سایت) مقصد را مشخص میکند. |
| media |
media_query
|
مشخص می کند صفحه(سایت) مقصد برای چه دستگاه و رسانه ای بهینه شده است. |
| ping |
list_of_URLs
|
برای نظارت/ردیابی کاربر است. وقتی کاربر روی پیوند کلیک می کند، یک درخواست POST به آدرس های داخل ping ارسال می شود. |
| referrerpolicy |
no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin-when-cross-origin
unsafe-url
|
اطلاعاتی که در زمان کلیک روی پیوند از ارجاع کننده(صفحه یا سایت فعلی) به صفحه مقصد ارسال می شود را مشخص می کند. |
| rel |
alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
|
ارتباط بین صفحه فعلی و صفحه مقصد را مشخص می کند. |
| target |
_blank
_parent
_self
_top
|
مشخص می کند که پیوند در چه صفحه ای باز شود، در صفحه(تب) جدید یا در صفحه فعلی. |
| type |
media_type
|
مشخص می کند آدرس مقصد، چه نوع رسانه ای است. مثال: JPG, MP4, HTML و ... |
ویژگی های سراسری
تگ <a> از ویژگی های سراسری HTML پشتیبانی می کند.
ویژگی های رویداد
تگ <a> از ویژگی های رویداد HTML پشتیبانی می کند.
استایل css پیش فرض
بیشتر مرورگر ها تگ <a> را با استایل پیشفرض زیر نمایش می دهند:
