ටැගය link
ටැගය link HTML පිටුවට CSS ගොනු සම්බන්ධ කරයි.
මීට අමතරව, 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 හි, අගයන් ලෙස මාධ්ය විමසුම් (media queries) දක්වා ඇත.
| අගය | විස්තරය |
|---|---|
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>
