بنام خدا

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


دلایل اهمیت لینک ها :

همانند دریچه ای هستند که صفحه ای را به صفحه دیگر یا سایتی را به سایت دیگر ربط میدهند .

جزو مهم ترین عوامل بالارفتن رتبه سایت هستند و موتورهای جستجوگر بدون اون ها نمی تونند از صفحه ای به صفحه دیگر بروند .


منظور از لینک فقط دکمه ای نیست که شما با کلیک روی آن به صفحه دیگر می روید ، بلکه هر چیزی که باعث انتقال از صفحه ای به صفحه دیگر بشود لینک است .

مثلا شما با تایپ آدرس google.com در کادر مرورگر به سایت گوگل میروید .


هر آدرسی در صفحات وب لینک است .

ما فقط با استفاده از برنامه نویسی کاری می کنیم که کاربر مجبور نشود آدرس را حتما تایپ کند تا به آن صفحه برود بلکه با کلیک روی دکمه ای به آن صفحه برود ( زیادی دارم فلسفی حرف میزنم : دی )


مثلا اگر شما اینجا کلیک کنید به انجمن ما می روید ...

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


پس هر کسی میخواد طراحی وب رو یاد بگیره باید درک بالایی از لینک ها داشته باشه .


یک لینک ساختار فوق العاده ساده ای داره ...


شما برای اینکه یک لینک بسازید که کاربر با کلیک روی اون به صفحه مورد نظرش بره کافیه از تگ a که مخفف anchor هست استفاده کنید مثل زیر :


<a href="site adress" target="_blank">Hello</a>

نتیجه کد بالا میشه این :Hello


در کد بالا ( قرمز رنگه ) جاییکه نوشتم  site adress آدرس صفحه وب موردنظر قرار میگیره که هر آدرس میتونه باشه مثلا webcodes.rozblog.com یا google.com ...


اونجایی هم که نوشته شده target و من مقدار مقدار blank_ رو بهش دادم تعیین میکنه که صفحه مورد نظر تو یه زبانه ( تب ) جدید مرورگر باز بشه یا نه .این گزینه target زیاد مهم نیست ، مهم ترین بخش تگ a بخش href هست که اگه خالیش بزارید به هیچ صفحه ای نمی رید و اگه اصلا نزاریدش اصلا به اون تگ نمیشه گفت لینک ...


* آخرین نکته : اونجایی که نوشتم Hello متن لینک هست . اگه اونجا رو خالی بزارید لینک نمایش داده نمیشه ، به جای Hello هر متن یا کد و یا هر کوفت و زهر ماری که بزارید تبدیل به لینک میشه یعنی اگر به جای Hello مثل زیر تگ رو نوشتید اون چیزی که مابین تگ <a></a> بیاد هم تبدیل به لینک میشه و کاربر با کلیک روش به لینک مورد نظر هدایت میشه :


<a href="http://webcodes.rozblog.com">
  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">
</a>


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

البته مقادیر دیگه ای هم داره که نمیگم وگرنه قاط میزنید : دی


باتشکر



اطلاعات مطلب
نویسنده :

admin

❤️ امتیازات این مطلب : 0
تعداد بازدید : 403
ارسال شده در تاریخ چهارشنبه 05 خرداد 1395 و ساعت 10:13
دسترسی بیشتر (ابزارهای مطلب)
نوع فونت متن :
اندازه فونت متن : (اندازه متن)
رنگ متن : (مقدار هگزادسیمال رنگ)

لینک این مطلب را در سایت خود قرار دهید :
تعداد حروف بکار رفته در متن :
اشتراک گذاری :