جهان سایت

طراحی وب سایت | خدمات سئو حرفه ای | بازاریابی اینترنتی

طریقه درست کردن لینک در اچ تی ام ال

ایجاد لینک  در صفحات وب کاری متداول است،  یعنی این که مدیران وبسایت های مختلف معمولا آدرس صفحات سایتهایی را که دوست دارند  را در قسمتی خاص به نحوی درج می کنند که اگر بر روی آنها کلیک کنیم، وارد سایت مورد نظر می شویم در این حالت اغلب به صورت بدون کدنویسی انجام می شود، یعنی فقط باید آدرس صفحه که شامل صفحه دانلود ، قسمتی از سایت و یا … را در قسمت درج لینک به همراه سایر مشخصات وارد کنیم تا آن لینک به لیست پیوندهای ما اضافه شود، اما باید بدانیم هنگامی که صفحه وب خود را مشاهده می کنیم، خروجی نهایی به صورت کدهای HTML است .

ایجاد لینک با تگ a و href

تگی که در صفحات وب برای ایجاد لینک به سایر صفحات استفاده می شود تگ a است که در کنار تگ href معنی پیدا می کند ، عبارت a مخفف anchore یا لنگر است و href مخفف Hypertext Reference یا ابر متنی است که حاوی لینک (hyperlink) به صفحه دیگری است، به مثال زیر توجه کنید.

<a href="http://jahansite.com">پیوند بین صفحات</a>

در لینک ساده بالا، عبارتی که برای مقادیر href در نظر گرفته می شود، در واقع همان آدرس URL مقصد است که می خواهیم کاربر پس از کلیک بر روی متن “کلیک کنید” به آن هدایت شود.
در ضمن به یاد داشته باشید که محتوای لینک ها در حالت پیش فرض در همان صفحه ایی که قرار دارید نمایش داده می شوند، به عبارت دیگر جایگزین صفحه فعلی می شوند، اما با تغییر پارامتر target  می توان حالات آنها را تغییر داد.

ایجاد عنوان برای لینک یا title

تگ a با خاصیت های دیگری کامل تر می شود که از آن جمله می توان title را نام برد، استفاده از title اجباری نیست، اما می تواند از نظر بهینه بودن لینک های سایت مفید باشد.

<a href="http://jahansite.com" title="این یک لینک است">کلیک کنید</a>

کنترل پنجره لینک یا target

 لینک ها به صورت پیش فرض در همان پنجره نمایش داده می شود، اما ممکن است بخواهیم پس از کلیک کاربر، پنجره فعلی حفظ شده و به جای آن، محتوای لینک در پنجره جدیدی نمایش داده شود، بدین منظور از پارامتر دیگری به نام target استفاده می کنیم، به مثال زیر توجه کنید.

<a href="http://jahansite.com" title="این یک لینک است" target="_blank">کلیک کنید</a>

پارامتر target مقادیر حالتهایی را می پذیرد که به صورت تیتروار در زیر ملاحظه می کنید.
– blank_ : نمایش لینک یک سایت در پنجره جدید.
– parent_ : نمایش لینک سایت در پنجره اصلی (معمولا در حالتی استفاده می شود که لینک از یک صفحه داخلی فراخوانی شود).
– self_ : نمایش محتوای لینک در پنجره فعلی (حالت پیش فرض).
– top_ : نمایش محتوای لینک در بالاترین سطح (معمولا در حالتی استفاده می شود که چند فریم در صفحه وجود داشته باشد و بخواهیم محتوای لینک خارج از فریم ها و در بالاترین سطح نمایش داده شود).
– نام frame : برای پارامتر terget می توان نام یک frame را نیز قرار داد، بدین ترتیب محتوای لینک در داخل فریم نمایش داده خواهند شد.

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

hypertext یا متن حاوی لینک می تواند به صورت محتوای غیر متنی نیز باشد، به طور مثال می توان یک تصویر را با استفاده از تگ img در این قسمت درج کرد، به مثال زیر توجه کنید.

<a href="http://jahansite.com" title="این یک لینک است" target="_blank"><img src="image/your-img.jpg" alt="your-alt"  width="150" height="150"></a>