لینک ها در HTML

چاپ

لینک ها در HTML

Wiki

لینک ها تقریبا در تمام صفحات وب پیدا می شوند. لینک ها به کاربران اجازه می دهند تا از صفحه ای به صفحه دیگر کلیک کنند.


مثال - خودتان امتحان کنید

HTML links
نحوه ایجاد لینک ها در سند HTML

می توانید مثال های بیشتری را در پایین این صفحه ببیند.


Hyperlink (یا Link ها) در HTML

Wiki

یک hyperlink یا link یک کلمه یا گروهی از کلمات یا عکس می باشد که شما می توانید با کلیک کردن روی آن به سند جدید یا بخشی از همان سند بروید.

هنگامی که شما موس را روی یک لینک در یک صفحه وب می برید، نشانگر به شکل یک دست کوچک در می آید.

لینک ها در HTML با تگ <a> مشخص می شوند.

تگ <a> به دو روش می تواند استفاده شود:

  1. برای ایجاد لینک به سندی دیگر، با استفاده از خصوصیت href
  2. برای ایجاد یک پیوند به دورن همان صفحه (bookmark)، با استفاده از خصوصیت name

نحوه نوشتن لینک در HTML:

<a href="/url">Link text</a>

خصوصیت href مقصد یک لینک را مشخص می کند.

مثال:

<a href="https://beyamooz.com/">Visit beyamooz</a>

که به این صورت نمایش داده می شود: Visit beyamooz 

با کلیک روی لینک بالا، کاربر به صفحه اصلی سایت beyamooz ارجاع داده می شود.

نکته: Link text الزاما یک متن نیست. می تواند یک عکس یا هر عنصر دیگر HTML باشد.


خصوصیت target

Wiki

خصوصیت target مشخص می کند که صفحه لینک شده، چگونه باز شود.

مثال زیر، صفحه لینک شده را در یک پنجره جدید یا در یک تب جدید باز می کند:

مثال (لینک ها در HTML)

<a href="https://beyamooz.com/" target="_blank">Visit beyamooz!</a>
خودتان امتحان کنید »

خصوصیت name یا (id)

Wiki

با تنظیم یک نام منحصر به فرد برای یک عنصر با استفاده از خصوصیت name یا id، می توانید در CSS یا JavaScript به آن دسترسی داشته باشید.

البته از خصوصیت name یا id برای ایجاد یک bookmark یا پیوند به درون همان صفحه نیز می توان استفاده نمود.

نکته: استاندارد HTML5 خصوصیت id را بجای name برای تعیین اسم برای یک محل مشخص پیشنهاد می دهد. خصوصیت id برای HTML4 در تمام مرورگرهای امروزی نیز عمل می کند.

مثال: تنظیم خصوصیت Name برای تگ <a> در سند HTML:

<a name="tips">Useful Tips Section</a>

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

<a href="#tips">Visit the Useful Tips Section</a>

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

<a href="https://beyamooz.com/html_links.htm#tips">
Visit the Useful Tips Section</a>

نکات اساسی و مفید

Wiki

نکته: اگر می خواهید یک فولدر در یک سایت را آدرس دهی نمایید، همیشه یک slash به انتهای آن اضافه کنید. مانند زیر:

https://beyamooz.com/html/

در غیر اینصورت، دو درخواست به سرور ارسال کرده اید، سرور ابتدا یک slash به انتهای آدرس اضافه می کند و سپس آدرس را بارگذاری می کند.


مثال - خودتان امتحان کنید

Wiki

An image as a link
نحوه ایجاد یک عکس به عنوان یک لینک

Link to a location on the same page
نحوه ایجاد یک پیوند درون همان صفحه. (این روش برای سندهایی که فهرست بندی شده اند کاربرد زیادی دارد)

Break out of a frame
 چگونه از یک فریم بیرون بیاییم. (اگر سایت شما در یک فریم محصور است)

Create a mailto link 1
 چگونه با یک لینک، متنی را ایمیل کنیم. (تنها زمانی کار می کند که نرم افزار مدیریت ایمیل مثل outlook نصب شده باشد)

Create a mailto link 2
مثالی دیگر از ارسال متن توسط لینک


تگ های لینک در HTML:

تگ توضیح
<a>

یک ancher را تعریف می کند.