Sobes.tech
Junior

<link> ტეგი რა მიზნით გამოიყენება?

sobes.tech AI

პასუხი AI-სგან

<link> ტეგი გამოიყენება მიმდინარე დოკუმენტსა და სხვა რესურსებს შორის კავშირების დასამყარებლად.

ძირითადი გამოყენების შემთხვევები:

  • CSS სტილების ფაილების დაკავშირება: ყველაზე გავრცელებული გამოყენებაა. საშუალებას აძლევს დაკავშიროთ გარე CSS ფაილები გვერდის სტილიზაციისთვის.

    <link rel="stylesheet" href="/css/style.css">
    
  • ფონტების დაკავშირება: მაგალითად, Google Fonts.

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    
  • 아이콘ების (Favicon) დაკავშირება: ბრაუზერის ჩანართის სტანდარტული 아이კონის შეცვლა.

    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
    
  • კანონიკური ბმულის მითითება: ეხმარება საძიებო სისტემებს განსაზღვრონ გვერდის ძირითადი ვერსია დუბლიკატის არსებობის შემთხვევაში.

    <link rel="canonical" href="https://example.com/page">
    
  • ალტერნატიული ვერსიების მითითება: მაგალითად, სხვადასხვა ენებისთვის.

    <link rel="alternate" hreflang="en" href="https://example.com/en/page">
    
  • რესურსების წინასწარი ჩატვირთვა (preload, prefetch, preconnect, prerender): მუშაობის გაუმჯობესება წინასწარი ჩატვირთვით ან კავშირის დამყარებით.

    <link rel="preload" href="/fonts/roboto.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preconnect" href="https://api.example.com">
    <link rel="prefetch" href="/data/next-page.json">
    <link rel="prerender" href="https://example.com/next-page">
    

ძირითადი ატრიბუტები მოიცავს rel (მიმდინარე დოკუმენტთან ურთიერთობა), href (რესურსის URL), type (MIME ტიპი) და media (მედია-საკითხი).