پیوند (a)
تگ «پیوند (Link)» با نام <a> برای وصل کردن صفحه ها است. مقصد در ویژگی «آدرس مقصد (href)» می آید. پس کاربر با کلیک، جابه جا می شود. این تگ پایه ناوبری وب است.
ساخت یک پیوند ساده
با href مقصد را می دهیم. متن بین تگ، قابل کلیک است.
<a href="https://www.w3schools.com">Visit W3Schools.com!</a>
ظاهر پیش فرض لینک ها
معمولاً لینک آبی و زیرخط دار است. لینک دیده شده بنفش است. لینک فعال قرمز است.
باز کردن در پنجره جدید
با «هدف نمایش (target)» مشخص کن کجا باز شود. مقدار _blank پنجره جدید است.
<a href="https://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>
تصویرِ قابل کلیک
می توان تصویر را داخل لینک گذاشت. سپس تصویر، لینک می شود.
<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>
لینک ایمیل و تلفن
با mailto: ایمیل باز می شود. با tel: شماره تماس می گیرد.
<a href="mailto:someone@example.com">Send email</a>
<a href="tel:+4733378901">+47 333 78 901</a>
پرش به بخش داخل همان صفحه
با «نشانک (Anchor)» می توان به بخشی از همان صفحه رفت.
<a href="#section2">Go to Section 2</a>
اجرای جاوااسکریپت با لینک
می شود مقصد را کُد جاوااسکریپت گذاشت. با کلیک اجرا می شود.
<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
نکته ها و پشتیبانی
نکته: اگر href نباشد، فقط جای نگهدار است. همچنین بیشتر مرورگرها از <a> پشتیبانی کامل دارند.
سه گام عملی سریع
- متن لینک را بنویس.
- ویژگی
hrefرا تنظیم کن. - در صورت نیاز
targetرا اضافه کن.
مطالب مرتبط: اعلان نوع سند ()، توضیح (<!-->)، و نشانه های لینک (Link Bookmarks). همچنین صفحه پیوند (a) را برای مرور کامل ببین.
جمع بندی سریع
hrefمقصد لینک است.targetمحل بازشدن را تعیین می کند.- می توان تصویر را لینک کرد.
mailto:وtel:نیز پشتیبانی می شوند.