معرفی و کاربرد تگ link در HTML پیوند منبع خارجی

معرفی و کاربرد تگ link در HTML پیوند به منبع خارجی

در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد تگ <link> در HTML می پردازیم.

تگ <link> در HTML

تگ <link> پیوند بین یک سند و یک منبع خارجی را تعریف می کند.

تگ <link> در یکی از کاربردهایش برای پیوند به style sheets ( شیوه نامه های خارجی ) استفاده می شود.

تگ <link> یک تگ خالی است، و فقط شامل attributes ( خصوصیت ها ) می باشد.

به عبارت دیگر تگ <link> فقط یک تگ باز ( opening tag ) دارد، و تگ بسته ( closing tag ) ندارد.

تگ <link> در قسمت head قرار می گیرد، اما می توان بارها از آن استفاده کرد.

مثال در مورد تگ <link> در html

[html]<head>
<link rel=”stylesheet” type=”text/css” href=”theme.css”>
</head>[/html]

بررسی تگ <link> در HTML 4.01 و HTML5

بعضی از خصوصیت های موجود در تگ <link> در HTML 4.01 در نسخه HTML5 پشتیبانی نمی شوند.

خصوصیت sizes و crossorigin دو خصوصیت جدید در HTML5 هستند.

بررسی و تفاوت تگ <link> در HTML و XHTML

در HTML ، تگ <link> تگ پایانی ندارد.

در XHTML ، تگ <link> باید با یک تگ پایانی بسته شود.

خصوصیات ویژه تگ <link> در HTML5


ویژگی خصوصی تگ link	مقدار	کاربرد در سند HTML
charset	char_encoding	کاراکترها را برای سند لینک شده کد گذاری می کند. در HTML5 پشتیبانی نمی شود.
crossorigin	anonymous , use-credentials	براساس دسترسی دوطرفه از سایت مبدا ، درخواستی را جهت اجازه نمایش تصاویری که در ظرف canvas تعریف شده اند، را تعیین می کند. ( صفت جدید در HTML5 )
href	URL	location یا آدرس سند لینک شده را مشخص می کند.
hreflang	language_code	زبان مربوط به متن سند لینک شده را مشخص می کند.
media	media_query	مشخص می کند که سند لینک شده برای چه دستگاهی بهینه شده است.
rel	alternate , archives , author , bookmark , external , first , help , icon , last , license , next , nofollow , noreferrer , pingback , prefetch , prev , search , sidebar , stylesheet , tag , up	رابطه بین سند کنونی و سند لینک شده را مشخص می کند. و الزامی است.
rev	reversed relationship	رابطه بین سند لینک شده با سند کنونی را مشخص می کند. که در سند HTML5 پشتیبانی نمی شود.
sizes	HeightxWidth , any	اندازه یا سایز منبع لینک شده را مشخص می کند. فقط برای rel=icon
target	_blank , _self , _top , _parent , frame_name	مشخص می کند که سند لینک شده کجا و در چه پنجره ای لود شود. در HTML5 پشتیبانی نمی شود.
type	media_type	نوع media سند لینک شده را مشخص می کند.