ویژگی rel در HTML <link>

برچسب <link> HTML

تعریف و استفاده

ضروری rel ویژگی تعیین می‌کند که رابطه مستند فعلی و مستند/منبع مرتبط با آن چیست.

مثال

مثال 1

ورود جدول استایل خارجی:

<link rel="stylesheet" href="styles.css">

آزمایش کنید

مثال 2

روش افزودن آیکون وب‌سایت به وب‌سایت به شرح زیر است:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

قوانین

<link rel="مقدار">

مقدار ویژگی

مقدار توضیح
alternate

ارائه لینک به نمایش‌های جایگزین مستند (مثلاً صفحه چاپ، ترجمه یا آینه‌سازی).

مثال: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author ارائه لینک به نویسنده مستند.
dns-prefetch تعیین اینکه مرورگر باید پیش از همه DNS پارسی منبع منبع منبع هدف را انجام دهد.
help

ارائه لینک به مستند کمک.

مثال: <link rel="help" href="/help/">
icon

ورود نماد مستند.

مثال: <link rel="icon" href="favicon.ico" type="image/x-icon">
license ارائه لینک به اطلاعات حق نشر مستند.
next ارائه لینک به مستند بعدی در سری.
pingback ارائه آدرس سرور پیونگ‌بک برای پیونگ‌بک‌های موجود در مستند فعلی.
preconnect مشخص می‌کند که مرورگر باید به منبع منابع هدف پیش‌بارگذاری (preload) کند.
prefetch مشخص می‌کند که مرورگر باید منابع هدف را پیش‌بارگذاری (preload) کند و در حافظه‌-cache ذخیره کند، زیرا ممکن است در ناوبری‌های بعدی استفاده شوند.
preload مشخص می‌کند که مرورگر باید به عنوان مقصد و اولویت‌های مرتبط با آن مشخص شده در ویژگی "as"، منابع هدف را پیش‌بارگذاری (preload) کند و در حافظه‌-cache ذخیره کند.
prerender

مشخص می‌کند که مرورگر باید صفحه‌ای که مشخص شده است را به صورت پیش‌بارگذاری (preload) کند.

اگر کاربر به این صفحه هدایت شود، سرعت بارگذاری صفحه افزایش می‌یابد (زیرا صفحه قبلاً بارگذاری شده است).

اخطار! این کار باعث اتلاف باند پهنای کاربر می‌شود! از پیش‌بارگذاری (pre-render) فقط زمانی استفاده کنید که شما کاملاً مطمئن هستید که این صفحه در فرآیند مرور کاربر در یک لحظه خاص ضروری است.
prev نشان می‌دهد که این فایل بخشی از یک مجموعه است و فایل قبلی در مجموعه به عنوان فایل مرجع ذکر شده است.
search لینک‌هایی را ارائه می‌دهد که به منابعی که می‌توان از آن‌ها برای جستجو در سند فعلی و صفحات مرتبط با آن استفاده کرد، اشاره دارند.
stylesheet ورود پوسته استایل.

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

برچسب <link> HTML