50 کامل شده تا

برچسب <a> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< مرجع HTML:تگ‌ها(تغییرمسیر از تگ a)
پرش به ناوبری پرش به جستجو
پیوند را تعریف می‌کند
معرفی شده در نسخهٔ:۱
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:link ,visited ,link:active ,visited:active
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید


{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

ایجاد یک لینک به wikicod.ir:

<a href="https://wikicod.ir">Visit wikicod.ir!</a>


مثال‌های بیشتری از «مشاهدهٔ نتیجه» در زیر.

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

برچسب <a> هایپرلینکی را تعریف می‌کند که برای لینک‌دهی از یک صفحه به صفحهٔ دیگر استفاده می‌شود.[۱]

مهم‌ترین ویژگی عنصر <a> ویژگی href است، که مقصد فایل را نشان می‌دهد.

بصورت پیش‌فرض، لینک‌ها به شکل زیر در همهٔ مرورگرها نمایان می‌شوند:

  • یک لینک بازدیدنشده زیرش خط دارد و آبی است
  • یک لینک بازدیدشده زیرش خط دارد و بنفش است
  • یک لینک فعال زیرش خط دارد و قرمز است

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<a> بله بله بله بله بله

نکات و ملاحظات

نکته: اگر برچسب <a> هیچ ویژگی hrefای ندارد، این فقط یک محل نگهداری برای یک هایپرلینک است.
نکته: یک صفحهٔ لینک‌شده معمولاً در پنجرهٔ مرورگر فعلی نمایش داده می‌شوند، مگر آنکه شما هدف دیگری تعریف کرده باشید
نکته: برای سبک‌دهی به لینک‌ها از CSS استفاده کنید: لینک‌های CSS و دکمه‌های CSS

ویژگی‌ها

ویژگی مقدار توضیحات
download filename مشخص می‌کند که هدف دانلود شود هنگامی که کاربر بروی هایپرلینک کلیک می‌کند
href URL نشانی صفحه‌ای را که لینک به آن می‌رود مشخص می‌کند
hreflang language_code زبان سند لینک‌شده را مشخص می‌کند
media media_query اینکه سند لینک‌شده برای چه رسانه/دستگاهی بهینه‌سازی‌شده را مشخص می‌کند
ping list_of_URLs یک فهرست از نشانی‌ها را که با اسپیس فاصله‌گذاری شده‌اند مشخص می‌کند که هنگامی که لینک دنبال می‌شود درخواست‌های بعدی با پینگ بدنه توسط مرورگر ارسال می‌شود (در پس‌زمینه). معمولاً برای ردیابی استفاده می‌شود.
referrerpolicy no-referrer

no-referrer-when-downgrade

origin

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 نوع رسانهٔ سند لینک‌شده را مشخص می‌کند

ویژگی های سراسری (Global Attributes)

همچنین برچسب <a> از ویژگی‌های سراسری در اچ‌تی‌ام‌ال (Global Attributes in HTML) پشتیبانی می‌کند.

ویژگی های رویداد (Event Attributes)

همچنین برچسب <a> از ویژگی‌های رویداد در اچ‌تی‌ام‌ال (Event Attributes in HTML) پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

چگونه از یک تصویر بعنوان لینک استفاده کنیم:

<a href="https://wikicod.ir">
<img border="0" alt="WikiCod.ir" src="logo_w3s.gif" width="100" height="100">
</a>


مثال

چگونه یک لینک را در یک پنجرهٔ جدید مرورگر باز کنیم:

<a href="https://www.wikicod.ir" target="_blank">Visit WikiCod.ir!</a>


مثال

چگونه یک نشانی ایمیل را لینک دهیم:

<a href="mailto:someone@example.com">Send email</a>


مثال

چگونه یک شماره تلفن را لینک دهیم:

<a href="tel:+4733378901">+47 333 78 901</a>


مثال

چگونه بخشی دیگر در همان صفحه را لینک دهیم:

<a href="#section2">Go to Section 2</a>


مثال

چگونه به یک جاوااسکریپت لینک دهیم:

<a href="javascript:alert('Hello World!');">Execute JavaScript</a>

صفحات مرتبط

تنظیمات پیش‌فرض سی‌اس‌اس (Default CSS Settings)

بیشتر مرورگرها عنصر <a> را با مقادیر پیش‌فرض زیر نشان می‌دهند

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

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


منابع آموزشی