تگ <a></a> در html - وب سایت PNLdev

نمونه کد

یک نمونه ساده از تگ <a> که به سایت PNLdev.com پیوند می دهد:

<a href="https://pnldev.com">Visit PNLdev.com!</a>

آزمایشگاه

تعریف و کاربرد

بوسیله تگ <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> را با استایل پیشفرض زیر نمایش می دهند:

a:link, a:visited {
    color: (internal value);
    text-decoration: underline;
    cursor: auto;
}

a:link:active, a:visited:active {
    color: (internal value);
}

تگ <a></a> در HTML <a></a> tag HTML