HTML <link> atrybut rel

Tag HTML <link>

Definicja i zastosowanie

Wymagane rel Atrybut określa relację między bieżącym dokumentem a dokumentem/ zasobem, do którego jest linkowany.

Przykład

Przykład 1

Importowanie zewnętrznej tabeli stylów:

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

Spróbuj sam!

Przykład 2

Oto sposób dodania ikony strony do strony:

<!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>

Gramatyka

<link rel="value">

Wartość atrybutu

Wartość Opis
alternate

Zapewnia link do alternatywnej reprezentacji dokumentu (np. strony drukowanej, tłumaczenia lub lustra).

Przykład: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Zapewnia link do dokumentacji autora.
dns-prefetch Określa, że przeglądarka powinna wykonać wstępne wyśzukiwanie DNS dla źródła, w którym znajduje się docelowy zasób.
help

Zapewnia link do dokumentacji pomocy.

Przykład: <link rel="help" href="/help/">
icon

Importuje ikonę reprezentującą dokument.

Przykład: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Zapewnia link do informacji o prawach autorskich dokumentu.
next Zapewnia link do następnego dokumentu w serii.
pingback Zapewnia adres serwera pingback, który obsługuje pingback dla bieżącego dokumentu.
preconnect Określa, że przeglądarka powinna przedwcześnie połączyć się z źródłem, w którym znajduje się docelowy zasób.
prefetch Określa, że przeglądarka powinna提前获取并缓存目标资源，因为它 może być używana w przyszłych nawigacjach.
preload Określa, że przeglądarka proxy musi根据“as”属性给出的目的地（以及与该目的地相关联的优先级），提前获取并缓存当前导航的目标资源。
prerender

Określa, że przeglądarka powinna wczytać (załadować) wskazaną stronę w tle.

Jeśli użytkownik nawiguje do tej strony, przyspieszy to ładowanie strony (ponieważ strona została już wczytana).

Uwaga! To może zmarnować przepustowość łącza użytkownika! Używaj pre-renderowania (wczytywania) tylko gdy jesteś absolutnie pewien, że strona jest niezbędna w pewnym momencie procesu przeglądania użytkownika.
prev Indykuje, że plik jest częścią serii i że poprzedni plik w tej serii jest odniesionym plikiem.
search Zapewnia linki do zasobów dostępnych do wyszukiwania bieżącego dokumentu oraz stron powiązanych.
stylesheet Importuj arkusz stylów.

Wsparcie przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Tag HTML <link>