خانه / آموزش برنامه نویسی / آشنایی با تگ link – آموزش HTML

آشنایی با تگ link – آموزش HTML

آشنایی با تگ link

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

در حلسه قبل در مورد تگ style حرف زدیم و گفتیم این تگ برای استایل بندی صفحات وب استفاده میشه.

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

در این روش برنامه نویس باید بین صفحه اچ تی ام ال فعلی و فایل اکسترنال css ارتباط برقرار کنه.

ایجاد ارتباط بین این دو از طریق تگ link مقدوره.

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

توجه به این نکته ضروریه که تگ link معمولا در تگ head نوشته میشه.

تعداد تگ این لینک محدود نیست و هر تعداد لینک میتونه در head نوشته شه.

این تگ هم یک تگ اچ تی ام الی محسوب میشه و هم یک تگ ایکس اچ تی ام الی.

در نوع اچ تی ام الی اون دیگه تگ بسته link استفاده نمیشه.

ولی در نوع ایکس اچ تی ام الی اون باید تگ بسته link رو هم استفاده کنیم.

بعد از گفتن موارد اولیه حالا میریم با ویژگی های تگ link در اچ تی ام ال آشنا بشیم.

معرفی attribute های تگ link

ویژگی های تگ link عبارتند از:

charset, crossorigin, href, hreflang, media, rel, rev, sizes, target, type.

charset: این ویژگی در اچ تی ام ال ۵ نیست و بیانگر کاراکترهای مجاز برای لینکه.

crossorigin: این ویژگی برای اچ تی ام ال ۵ بوده و مشخص کننده رفتار تگ در برخورد با درخواست های cross-originه.

href: این ویژگی بیانگر محل لینک مد نظره.

hreflang: این ویژگی مشخص کننده زبان متن لوکیشن لینک شده است.

media: این ویژگی مشخص کننده دستگاهی که لینک میتونه داخل اون استفاده شه.

rel: این ویژگی جزو ویژگی های اجباری بوده و بیانگر اینه ک رابطه بین صفحه اچ تی ام ال و لینک چیه.

rev: این ویژگی در اچ تی ام ال ۵ وجوده نداره برعکس ویژگی rel بوده و رابطه بین لینک و صفحه رو مشخص میکنه.

sizes: این ویژگی برای اچ تی ام ال ۵ بوده و به صورت محدود وقتی استفاده میشه ک مقدار relه اون لینک برابر با icon باشه.

target: این ویژگی محل بارگذاری لینک رو مشخص میکنه.

type: این ویژگی بیانگر mime-type لینک می باشد.

ذکر این نکته رو لازم میدونم که تگ لینک در ۶ مرورگر معروف شناسایی شده و قابل استفادست.

حالا فرض کنین ما ی فایل css داریم ک در مسیر صفحه اچ تی ام المون داریم.

برای برقراری ارتباط بین این کافیه کد زیر رو بنویسیم.

خب اینم از بحث آشنایی با تگ link در اچ تی ام ال.

امیدوارم از بحث امروزمون راضی بوده باشین.

تا بحث بعدی خدا یار و نگهدارتون.

ارادتمند شما

بهزاد حسنی.

آشنایی با تگ link

امتیاز بدهید

با دادن امتیاز واقعی به این پست ما را در تقویت و بهبود مطالب سایت یاری فرمایید. با تشکر.

User Rating: 4.67 ( 3 votes)

درباره ی بهزاد حسنی

بهزاد حسنی
سلام خدمت دوستان. من بهزاد حسنی هستم. 3.5 سال هم توی دانشگاه و کلاس های خصوصی تدریس کردم. رشته دانشگاهیم نرم افزار بود و شدیدا برنامه نویسی میکردم :-) سابقه کار تو شرکت های بزرگ رو هم دارم. کل زندگی من وقف برنامه نویسی و ریاضی شده. امیدوارم بتونم همیشه برای ارتقای دانش کشور موثر باشم.

مطلب پیشنهادی

آشنایی با BitArray در سی شارپ

آشنایی با BitArray در سی شارپ – آموزش سی شارپ مقدماتی

آشنایی با BitArray در سی شارپ آشنایی با BitArray در سی شارپ کاربردهای قابل توجهی …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload the CAPTCHA.