ტეგი link

ტეგი link უსვამს CSS ფაილებს HTML გვერდს. გარდა ამისა, link უსვამს სხვა ზოგიერთ ფაილს, მაგალითად, ფავიკონს. (ფავიკონი არის საიტის ხატულა, რომელიც ჩანს ბრაუზერის ჩანართში. ის ასევე შეიძლება გამოჩნდეს ზოგიერთ საძიებოში ძიებისას საიტების გვერდით, მაგალითად, Yandex-ში).

ამ ტეგს ძალიან ბევრი ატრიბუტი აქვს და ისინი შეიძლება მიიღონ მრავალფეროვანი მნიშვნელობები, თუმცა რეალურ ცხოვრებაში ისინი თითქმის არ გამოიყენება. ყველაზე პოპულარული - ეს არის CSS-ის შეერთება და ფავიკონის დამატება.

როგორ შევურთოთ CSS:

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

როგორ შევურთოთ ფავიკონი:

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

ტეგ link არ საჭიროებს დამხურავ ტეგს.

ატრიბუტები

ატრიბუტი	აღწერა
`href`	მიმართულება შესასრულებელ ფაილამდე.
`media`	მოწყობილობის ტიპი, რისთვისაც უნდა შევურთოთ ფაილი. რა იგულისხმება - თქვენ შეგიძლიათ შეურთოთ CSS ფაილი მხოლოდ დიდი ეკრანებისთვის (მნიშვნელობა `screen`) ან მხოლოდ პატარა ეკრანებისთვის: მობილურების ან პლანშეტებისთვის (მნიშვნელობა `handheld`). შესაძლო მნიშვნელობები: `all`, `braille`, `handheld`, `print`, `screen`, `speech`, `projection`, `tty`, `tv`. დეტალურად იხილეთ ქვემოთ.
`rel`	შესასრულებელი ფაილის ტიპი. შესაძლო მნიშვნელობები: `stylesheet` \| `alternate`. მნიშვნელობა `stylesheet` მიუთითებს, რომ უსვამთ CSS ფაილს, მნიშვნელობა `alternate` გამოიყენება, მაგალითად, XML ფორმატის ფაილის ბმულის მითითებისთვის სიახლეთა ლენტის, სტატიების განცხადებების აღსაწერად.
`charset`	შესასრულებელი ფაილის კოდირება. ამჟამად სტანდარტია `utf-8`.
`type`	შესასრულებელი ფაილის მონაცემთა ტიპი.

ატრიბუტის media მნიშვნელობები

HTML5-ში მნიშვნელობებად შეიძლება იყოს მითითებული მედია-მოთხოვნები.

მნიშვნელობა	აღწერა
`all`	ყველა მოწყობილობა.
`screen`	მონიტორის ეკრანი.
`handheld`	ტელეფონები, სმარტფონები, პატარა ეკრანის მოწყობილობები.
`braille`	ბრაილიის სისტემაზე დაფუძნებული მოწყობილობები, განკუთვნილია ბრმა ადამიანებისთვის.
`speech`	საუბრის სინთეზატორები, ასევე პროგრამები ტექსტის ხმამაღლა წასაკითხად. აქვე შედის საუბრის ბრაუზერებიც.
`print`	პრინტერები.
`projection`	პროექტორები.
`tty`	ტელეტაიპები, ტერმინალები, პორტატული მოწყობილობები ეკრანის შეზღუდული შესაძლებლობებით. მათთვის არ უნდა იქნეს გამოყენებული პიქსელები საზომ ერთეულებად.
`tv`	ტელევიზორები, რომლებსაც შეუძლიათ ვებ გვერდების გახსნა (ასეც ხდება).

მნიშვნელობა ნაგულისხმევად: all.

მაგალითი

შევხედოთ, როგორ გამოიყურება უმარტივესი HTML გვერდის სტრუქტურა, რომელსაც დავუმატებთ CSS ფაილების შეერთებას და ფავიკონს:

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="style1.css">
		<link rel="stylesheet" href="style2.css" media="screen">
		<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
	</body>
</html>

ასევე იხილეთ

ტეგი style,
რომელიც უმატებს CSS-ს პირდაპირ გვერდზე
ატრიბუტი style,
რომელიც აძლევს სტილებს კონკრეტულ ტეგს