ویژگی 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>
مرورگر با استفاده از اثرات خاص عبارتهای
کاربران همچنین میتوانند از تنظیمات مرورگر برای تعیین خودکار رنگهای متن، تنظیم رنگ لینکهای قبل و بعد از لینک استفاده کنند.
توضیح:میتوان از کلاسهای CSSشبکههای پیچیده و متنوعی به لینکهای متن نوشتاری اضافه میشود.
لینک تصویری ایجاد کنید
لینکهای پیچیدهتر میتوانند شامل تصاویر نیز باشند. این LOGO یک لینک تصویری است که با کلیک بر روی آن میتوان به صفحه اصلی W3school بازگشت کرد:
<a href="http://www.codew3c.com/index.html"> <img src="/i/codew3c_logo_white.gif" /> </a>
کد زیر یک لینک بازگشت به صفحه اصلی برای LOGO 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 لینک ممکنهها:
|
پشتیبانی از مرورگر
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |