Атрибути rel дар теги link барои чӣ лозим аст?

Атрибут rel дар теги <link> муносибат (relationship) байни ҳуҷҷати ҳозира ва ҳуҷҷати, ки ба он ишора мекунад, муайян мекунад. Ин ба браузер хабар медиҳад, ки чӣ гуна истифода бурдани манбаи пайвастшуда.

Беҳтарини истифодаи арзишҳои rel:

• stylesheet: Нишон медиҳад, ки як файли CSS-и хориҷӣ бояд ба ҳуҷҷат татбиқ шавад.
• icon/shortcut icon: Нишон медиҳад, ки як нишон (favicon) барои сайт, ки дар таби браузер нишон дода мешавад.
• preload: Манбаи заруриро пешакӣ бор мекунад, ки дар оянда лозим мешавад, бе монеъ шудан ба рендеринг.
• preconnect: Бо манбаи муайяншуда пешакӣ пайваст мешавад, ки дархостҳоро суръат мебахшад.
• prefetch: Манбаи эҳтимолан дар оянда зарурӣ, пешакӣ бор мекунад.
• canonical: URL-и каноникии саҳифаро нишон медиҳад, ки ба воситаи он муҳаррикҳои ҷустуҷӯ метавонанд нусхаи асосиро муайян кунанд.
• alternate: Нусхаи алтернативии ҳуҷҷати ҳозираро нишон медиҳад (масалан, дар забони дигар ё дар форматҳои дигар).
• author: Муаллифи ҳуҷҷатро нишон медиҳад.
• help: Ҳуҷҷати ёрдамро нишон медиҳад.

Масалан барои истифодаи rel="stylesheet":

<link rel="stylesheet" href="/css/style.css">

Масалан барои истифодаи rel="icon":

<link rel="icon" href="/favicon.ico" type="image/x-icon">

Масалан барои истифодаи rel="preload":

<link rel="preload" href="/fonts/myfont.woff2" as="font" type="font/woff2" crossorigin>