لینک ها
باسلاl خدمت شما بزرگواران در این پست میخوایم در مورد لینک توضیح بدیم و آشنا بشیم
امیدوارم بدردتون بخوره.
همانطور که میدونید لینک ها باعث رفتن از صفحه ایی به صفحه دیگر میشوند امروز میخوایم انواع لینک ها
و کاربرد دیگر اون ها رو در html توضیح بدیم...
لینک 5 دسته میباشند.
دسته اول لینک هایی هستند که از یک صفحه به صفحه دیگر میروند و همون لینک های معمولی خودمان هستند.
مثال:My Weblog Link
روی لینک بالا کلیک بکنید در تب جدید براتون همین وبلاگ باز میشه
برای ساخت لینک ها (همین لینک های ساده ) باید از المنت <a> استفاده بکنید و داخل المنت متن نمایشیتونو بنویسید
بدین صورت:
<a>متن نمایشی لینک</a>
اما اگه اینو اجرا بکنید توسط مرورگر اجرا نمیشه! روی لینک پایین کلیک کنید تا نتیجه رو ببینید.متن نمایشی لینک
علت کار نکردن اینکه باید یک اتریبیوت به اون اضافه کنیم .
اگه نمیدونید اتریبیوت چیه این پست رو بخونید.
و اون اتریبیوتی نیست جز href="" داخل تو تا دابل کوتیشن هم ادرس لینک کامل رو بهش میدهید.
مثال:
<a
href="http://lionprogram.blog.ir"
title="LionProgram Blog">
وبلاگ من
</a>
لینک های دسته دوم
لینک های دسته دوم لینک هایی هستد که از یک صفحه درون سایت به قسمتی دیگر از همون صفحه میروند.
مثلا روی این لینک کلیک کنید تا نتیجه رو ببینید:قسمت نظرات
همانطور که دیدید با کلیک یا لمس این لینک به قسمت نظرات پرش کردید.
برای ساخت این نوع لیک ها هم از لینک های معمولی استفاده میکنیم ولی بجای آدرس کامل سایت آدرس
آی دی قسمتی از صفحه رو بهش میدیم.
اتریبیوت ای دی یک مقدار منحصر به فرد میگیره یعنی اینکه هر چیزی داخل اتریبیوت آی دی باشه
نمیتونه داخل اتریبیوت آی دی دیگری هم باشه.
مثال:
<a href="#comments">نظرات</a>
اون #comments همون آی دی قسمت کامنت هاست که به لینک دادیم
لینک های دسته سوم
این نوع لینک ها تلفیقی از لینک های نوع اول و دوم هستند.
یعنی به یک قسمت از صفحه ایی در آدرس دیگری میروند.
برای نوشتن این نوع لینک ها داخل href هم لینک کامل رو میدیم هم بعد از لینک کامل آی دی اون قسمت از صفحه رو
مثال:
<a href=" http://lionprogram.blog.ir/ 1398/06/23/ Attr-in-html#post "> قسمت پست </a>
لینک های نوع چهارم
این نوع لینک ها باعث باز شدن یک صفحه یا ادرس در تب جدید میشوند.
برای اینکار یک اتریبیوت جدید بنام target رو داخل تگ باز لینک مینویسیم .
مقادیر target:
_blank
این مقدار صفحه را در تب جدید باز میکند
_self
این مقدار روش پیشفرض و معمولی لینک ها استفاده
_parent
باز کردن در تب اصلی یا همون تب پدر
_top
باز کردن لینک در تب جدید و اکتیو و در حالت بزرگ و کامل
framename
این حالت دیگه با وجود جاوااسکریپت استفاده چندانی ندارد این روش باز کردن لینک در همون صفحه ولی در قسمتی از صفحه که اصطلاحا فریم میگن
مثال:
<a href="lionprogram.blog.ir"
target="_blank">
آدرس وبلاگ من
</a>
لینک های دسته پنجم
این نوع لینک ها باعث باز شدن برنامه خاص در کامپیوتر و گوشی شما میشوند .
مثلا میخواید کاربر با زدن این لینک برنامه ایمیل ، تلگرام ، یا شماره گیری اش اجرا شود.
برای این کار باید اولا این برنامه امکان استفاده داشته باشه و دوم اینکه اون ای دی یا کلید برنامه روبدونیم.
مثال برای باز کردن برنامه ایمیل:
<a href="mailto:Example@Ex.ir"> Email </a>
اگه برنامه ایمیل دارید و برنامتون هم پشتیبانی بکنه با کلیک یا لمس رو این لینک اون برنامه باز میشه
یک مثال کاربردی بزنم:
دیگه اکثر ایرانی ها تلگرام رو تو دستگاه شون دارن برای باز کردن اینطوری پیش برید:
<a href="tg://resolve? domain=lionprogram"> Telegram </a>
خب این هم از این پست امیدوارم خوشتون اومده باشه و استفاده کرده باشید.
اگر مشکلی ، انتقادی ، پیشنهادی داشتید در قسمت نظرات مطرح بفرمایید.
یادتون نره از قسمت موضوعات سایت آموزش html رو دنبال بکنید.
(۰)