مثال
نحو
1 |
<!DOCTYPE html>
|
2 |
<html lang="en"> |
3 |
<head>
|
4 |
<link rel="stylesheet" href="styles.css" type="text/css"> |
5 |
</head>
|
6 |
</html>
|
پشتیبانی مرورگر
را <link> عنصر در تمام مرورگرهای مدرن پشتیبانی می شود. در caniuse.com بیشتر بخوانید.
ویژگی های
آ link عنصر پشتیبانی می کند ویژگی های جهانی در HTML. مشخصه های جهانی برای همه عناصر HTML مشترک هستند و می توانند روی همه آنها استفاده شوند (اگرچه ممکن است تأثیر زیادی روی برخی از آنها نداشته باشند).
یک عنصر پیوند باید دارای یکی باشد rel صفت یا یک itemprop ویژگی، اما نه هر دو.
تعدادی ویژگی اضافی پشتیبانی می شود:
-
href: آدرس هایپرلینک -
crossorigin: چگونه عنصر درخواست های متقاطع را مدیریت می کند. -
rel: رابطه بین سند حاوی لینک و منبع مقصد در حال واکشی. -
media: رسانه های کاربردی -
integrity: فراداده یکپارچگی مورد استفاده در یکپارچگی منابع فرعی چک ها -
hreflang: زبان منبع پیوند شده. -
type: راهنمایی برای نوع منبع ارجاع شده. -
referrerpolicy: خط مشی ارجاع دهنده برای واکشی که توسط عنصر آغاز شده است. -
sizes: اندازه آیکون ها برایrel="icon". -
imagesrcset: تصاویری برای استفاده در موقعیت های مختلف برای وضوح صفحه نمایش. -
imagesizes: اندازه های تصویر برای طرح بندی صفحات مختلف. -
as: مقصد بالقوه برای درخواست پیش بارگیری (برایrel="preload"وrel="modulepreload"). -
blocking: اینکه آیا عنصر به طور بالقوه مسدود کننده رندر است یا خیر. -
color: رنگی که هنگام سفارشی کردن نماد سایت استفاده می شود (برایrel="mask-icon") -
disabled: اینکه آیا پیوند غیرفعال است یا خیر.
مثال صفت
در اینجا یک مثال از چگونگی یک <link> استفاده می کند rel="" و hreflang="" ویژگی هایی برای ایجاد رابطه بین سند فعلی و نسخه های زبان های دیگر:
1 |
<link rel="alternate" href="/en/page.html" hreflang="en" type="text/html"> |
2 |
<link rel="alternate" href="/fr/page.html" hreflang="fr" type="text/html"> |
3 |
<link rel="alternate" href="/es/page.html" hreflang="es" type="text/html"> |
محتوا
را link عنصر هیچ مدل محتوایی را پشتیبانی نمی کند، به این معنی که شما نمی توانید هر نوع محتوایی را به آن منتقل کنید.
- در حالی که
<link>عنصر نوعی از هایپرلینک، نباید با آن اشتباه گرفته شود<a>(لنگر) عنصر; هایپرلینک هایی که توسط آن ها اسناد و فایل های HTML را هدایت می کنیم.
