ویژگی href تگ a در HTML

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< مرجع HTML:تگ‌ها‏ | A(تغییرمسیر از URL نسبی در html)
پرش به ناوبری پرش به جستجو

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

مثال

ویژگی href مقصد لینک را مشخص می‌کند:

<a href="https://www.w3schools.com">Visit W3Schools</a>

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

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

ویژگی href، نشانی (URL) صفحه‌ای که لینک به آن می‌رود را مشخص می‌کند.[۱]

نکته: شما می‌توانید از href="#top" یا href="#" برای لینک‌دهی به بالای صفحهٔ کنونی استفاده کنید.

اگر ویژگی href وجود نداشته باشد، برچسب <a> یک هایپرلینک نخواهد بود.

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

صفت Chrome Internet Explorer / Edge Firefox Safari Opera
href بله بله بله بله بله

سینتکس

<a href="URL">

مقادیر صفت

مقدار توضیحات
URL URL لینک

مقادیر ممکن:

  • یک URL مطلق - به یک وب‌سایت دیگر اشاره دارد (مثل href="http://www.example.com/default.htm")
  • یک URL نسبی - به یک فایل درون یک وب‌سایت اشاره دارد (مثل href="default.htm")
  • لینک به یک عنصر با شناسهٔ (id) مشخص‌شده درون صفحه (مثل href="#section2")
  • پروتکل‌های دیگر (مثل:ftp://, mailto:, file ،https:// و غیره)
  • یک اسکریپت (مثل href="javascript:alert('Hello');")

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

مثال

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

<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</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>


منابع آموزشی