ویژگی href برچسب HTML <a>

تعریف و استفاده

href این ویژگی URL صفحه‌ای که لینک به آن اشاره دارد را مشخص می‌کند.

href مقدار این ویژگی می‌تواند هر URL معتبر و绝对的 مستند باشد، شامل شناسه‌های بخش و کد JavaScript. اگر کاربر محتوای داخل برچسب <a> را انتخاب کند، مرورگر سعی می‌کند آن را به نمایش درآورد. href URL مشخص شده توسط این ویژگی، مستند یا لیستی از بیان‌های JavaScript، روش‌ها و توابع است.

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

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

ایجاد لینک متنی

یک برچسب <a> ساده که به یک مستند دیگر اشاره دارد می‌تواند به صورت زیر باشد:

<a href="http://www.codew3c.com/index.html">CodeW3C.com آنلاین آموزش</a>

مرورگر با استفاده از اثرات خاص عبارت‌های

CodeW3C.com آنلاین آموزش

کاربران همچنین می‌توانند از تنظیمات مرورگر برای تعیین خودکار رنگ‌های متن، تنظیم رنگ لینک‌های قبل و بعد از لینک استفاده کنند.

توضیح:می‌توان از کلاس‌های CSSشبکه‌های پیچیده و متنوعی به لینک‌های متن نوشتاری اضافه می‌شود.

لینک تصویری ایجاد کنید

لینک‌های پیچیده‌تر می‌توانند شامل تصاویر نیز باشند. این LOGO یک لینک تصویری است که با کلیک بر روی آن می‌توان به صفحه اصلی W3school بازگشت کرد:

<a href="http://www.codew3c.com/index.html">
<img src="/i/codew3c_logo_white.gif" />
</a>

کد زیر یک لینک بازگشت به صفحه اصلی برای LOGO CodeW3C.com اضافه می‌کند:

CodeW3C.com آنلاین آموزش

بیشتر مرورگرهای گرافیکی یک مرز خاص در اطراف تصویر به عنوان بخشی از لینک قرار می‌دهند. برای این کار، باید تصویر را در برچسب <img> به عنوان ویژگی borderتنظیم به 0 می‌تواند مرز لینک‌های اضافی را حذف کند. همچنین می‌توان از ویژگی‌های مرز CSSبرای تغییر به صورت کلی جلوه‌های مرز عناصر استفاده می‌شود.

مثال

مثال 1

속عت لینک مقصد را تعیین می‌کند:

<a href="https://www.codew3c.com">به CodeW3C.com بروید</a>

آزمایش کنید

مثال 2

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

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="/i/logo/w3logo.png" width="400" height="225">
</a>

آزمایش کنید

مثال 3

چگونه به آدرس ایمیل متصل شویم:

<a href="mailto:someone@example.com">ایمیل ارسال کنید</a>

آزمایش کنید

مثال 4

چگونه به شماره تلفن متصل شویم:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

آزمایش کنید

مثال 5

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

<a href="#section2">به فصل دوم بروید</a>

آزمایش کنید

مثال 6

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

<a href="javascript:alert('Hello World!');">اجرای جاوااسکریپت</a>

آزمایش کنید

نحوه‌ی نوشتن

<a href="URL">

مقدار ویژگی

مقدار توضیح
URL

URL لینک

ممکنه‌ها:

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی