რატომ არის საჭირო rel ატრიბუტი link ტეგში?

<link> ტეგში rel ატრიბუტი განსაზღვრავს ურთიერთობას (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>