سلام بر دوستان و همراهان همیشگی آی وحید
آموزش HTML5 – جلسه پانزدهم با شما هستیم با مبحث لینک ها. در این جلسه به مباحثی از قبیل لینک دهی، رنگ لینک ها، خاصیت های لینک ها و چندین مورد از این قبیل. پس با ما همراه باشید تا در این جلسه نیز می از دنیای کدنویسی HTML رو فرا بگیرید.
لینک ها یا همون پیوندهای HTML هایپر لینک هایی هستند که میتونن المنت هایی مثل متن یا تصویر و یا یه المنت دیگه باشه که کاربر رو به یه صفحه دیگه هدایت میکنه. در زبان برنامه نویسی HTML سینتکس یا همون فرمول کلی لینک ها به شکل زیر هست:
<a href="url">link text</a>
اینم یه مثال:
<a href="https://www.ivahid.com/blog">Visit our HTML tutorial</a>
خاصیت href یه خاصیتی هست برای تگ a مقدار آدرس صفحه هدف رو قبول میکنه به زبان ساده مقدار خاصیت href در واقع همون ادرس صفحه ای است که کاربر به اون هدایت خواهد شد. تو مثال بالا متن “Visit our HTML tutorial” به کاربر نمایش داده میشه.
لینک های محلی
لینک های محلی لینک هایی هستند که معمولا داخل سرور لینک دهی می شوند. لینک های داخلی از جمله لینک هایی هستند که در درون یک وب سایت ادرس دهی می شوند به زبان ساده تر بر روی یک دامنه آدرس دهی می شوند. لینک های داخلی هم چنین بدون http://www و یا http:// شروع می شوند. برای روشن تر شدن موضوع به مثال زیر توجه کنید:
<a href="html_images.asp">HTML Images</a>
رنگ ها و آیکن ها
در حالت عادی زمانی که روی یک لینک قرار می گیرد دو اتفاق می تواند رخ دهد:
1. شکل موس شما به شکل یه دست تغییر علاکت دهد.
2. رنگ المنت لینک شده تغییر کند.
که هر دو این ها در حالت عادی هست و اگر کاربری سیستم عامل خود را شخصی سازی کند این گزینه های نیر تغییر خوااهد کرد.
هم چنین در حالت عادی رنگ های یک المنت لینک شده در تمامی مرورگرها به صورت های زیر می باشد:
لینکی که توسط کاربر مشاهده نشده است دارای خط زیر و به رنگ آبی می باشد.
لینکی که توسط کاربر مشاهده شده است دارای خط زیر و رنگ بنفش می باشد.
لینکی که فعال است دارای خط زیر و رنگ قرمز می باشد. لینک فعال به لینکی گفته می شود که موس روی آن باشد و اصطلاحا هاور می گویند.
خاصیت target
شاید شما هم مثل ما لینک هایی رو تا به امروز دیدن که وقتی روی لینک کلیک می کنین تو همون صفحه یا تب مرورگرتون به صفحه هدف میره و هم چنین لینک هایی رو دیدین که تو تب و صفحه جدید بارگذاری می شن. تفاوت اینا در یه خاصیت با نام target هست. در واقع برای بارگذاری صفحه هدف در تب جدید باید این خاصیت رو به تگ a اضافه کنیم. برای مثال:
<a href="https://www.ivahid.com/" target="_blank">Visit iVahid!</a>
به طور کلی در زبان برنامه نویسی HTML پنج نوع مقدار برای خاصیت target وجود داره که به شرح ذیل اعلام می کنیم:
blank_ برای بارگذاری صفحه هدف در تب یا پنجره جدید
self_ برای بارگذاری صفحه هدف در همان صفحه که در حالت عادی هم این مقدار رو مرورگران در نظر می گیرن.
parent_ برای بارگذاری صفحه هدف در فریم یا همون تب منبع باز میشه که زیاد کاربرد نداره.
top_ برای بارگذاری صفحه هدف به طور تمام اندازه پنجره.
در صورتی که یه فریم قفل شده باشد برای شکستن قفل اون پنجره از خاصیت top_ استفاده خواهیم کرد. اینم یه مثال برای شما کاربران گرامی آی وحید:
<a href="https://www.ivahid.com/blog" target="_top">HTML5 tutorial!</a>
خب خسته نباشید.این کلیات مبحث لینک بود در زبان برنامه نویسی HTML که امیدوارم براتون مفید و موثر واقع بشه. در پناه حق – آی وحید
