HTML Links
- <link> ටැගය බොහෝ විට භාවිතා කරන්නේ stylesheet link කිරීමට හා වෙබ් අඩවියට Favicon icon එකක් එක් කිරීමට ය.
| <link> Tag Attributes |
|---|
1.href
2.hreflang
3.media
4.sizes
5.title
6.type
7.crossorigin
8.referrerpolicy
9.rel
<link> Attributes
<head>
<!--href-->
<link rel="stylesheet" href="main.css">
<!--hreflang-->
<link rel="alternate" hreflang="es-MX" href="https://www.binance.com/es-MX">
<!--media-->
<link rel="stylesheet" type="text/css" href="print.css" media="print">
<!--sizes-->
<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">
<!--title-->
<link rel="stylesheet" title="Main website css" href="styles.css">
<!--type-->
<link rel="stylesheet" type="text/css" href="styles.css">
</head>| 1.href | 🎱adala link karanna ona document/resource eke url eka athulath karanan ona |
| 2.hreflang | 🎱 link karapu document/resource eke lanuage eka denna thiyenne |
| 3.media | 🎱link karapu dcoument/resource eka optimize karala thiyenn mona media device ekatada kiyala denna thiyenne 🎱link = https://html1.my2025.site/html-media/html-video/html-source-media-attribute/ |
| 4.sizes | 🎱link karapu resource eke size eka niyama karay 🎱Only for rel=”icon” |
| 5.title | preferred and alternate stylesheet අර්ථ දැක්වීම සිදු කරය් |
| 6.type | 🎱link karapu document/resource ekata adala media type eka niyama karay Example = <link rel=”stylesheet” type=”text/css“> |
| 7.crossorigin | 👇 |
| 8.referrerpolicy | 👇 |
| 9.rel | 👇 |
7.<link> crossorigin
<head>
<!--crossorigin-->
<link rel="stylesheet" href="main.css" crossorigin="anonymous">
<link rel="stylesheet" href="main.css" crossorigin="use-credentials">
</head>- video eka balanna ona nettam therenne nehe (lokuwata therenne nehe meka)
- video link = https://www.youtube.com/watch?v=m6lsF8z0hKk
| anonymous (default) | – |
| use-credentials | – |
8.<link> referrerpolicy
empty ( mukuth nehe w3 eke code eka copy karala dunne methanata)
<iframe src="https://w3schools.com/" referrerpolicy="no-referrer"></iframe>
- Meka therenne nehe matanam
- video link = https://www.youtube.com/watch?v=4Cnp-q54Ulo&t=238s
- w3school Link = https://www.w3schools.com/tags/att_iframe_referrerpolicy.asp
| no-referrer | – |
| no-referrer-when-downgrade | – |
| origin | – |
| origin-when-cross-origin | – |
| same-origin | – |
| strict-origin | – |
| strict-origin-when-cross-origin | – |
| unsafe-url | – |
9.<link> rel
<head>
<!--alternate-->
<link rel="alternate" hreflang="es-MX" href="https://www.binance.com/es-MX">
<!--author-->
<link rel="--author--" href="w3name.com">
<!--dns-prefetch-->
<link rel=”dns-prefetch” href=”//amazon.com”>
<!--help-->
<link rel="help" href="help.com">
<!--icon-->
<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">
<!--licence-->
<link rel="licence" href="http://www.apache.org/licenses/LICENSE-2.0">
<!--next-->
<link rel="prev" href="https://www.amazon.com/1" />
<link rel="next" href="https://www.amazon.com/3" />
<!--prev-->
<link rel="prev" href="https://www.amazon.com/1" />
<link rel="next" href="https://www.amazon.com/3" />
<!--pingback-->
<!--preconnect-->
<!--prefetch-->
<!--preload-->
<!--prerender-->
<!--search-->
<!--stylesheet-->
<link rel="stylesheet" href="styles.css">
</head>- w3school Link = https://www.w3schools.com/tags/att_link_rel.asp
| alternate | 🎱web site eke ekama antharagathaya country,language.device,stylesheet,other,anuwa wenas wana wita ema version tika ekata link kirimata meka yodagannawa 🎱video eka balanna ona nettam therenne nehe 🎱video link = https://www.youtube.com/watch?v=CuXi8JUY0Bo&t=178s |
| author | කර්තෘ sambandayen document ekak link karaddi meka yodagannawa |
| dns-prefetch | 🎱පරිශීලකයෙකු සබැඳියක් ක්ලික් කිරීමට පෙර බ්රව්සර් මඟින් ඩොමේන් නාම IP ලිපින වලට විසඳීමට උපකාරී වන තාක්ෂණයකි.. මෙය පිටු පූරණ කාලය වේගවත් කර වෙබ් අඩවි ක්රියාකාරිත්වය වැඩි දියුණු කළ හැක. Example = <link rel=”dns-prefetch” href=”//amazon.com”> 🎱wadi wsithara danne nehe meka gena hoyganna nehe |
| help | help document ekak link karaddi meka yodagannawa |
| icon | site eka udama Favicon logo eka add karana eka sadaha meka yodagannawa |
| license | copyright information document ekak link karaddi meka yodagannawa |
| next | 🎱current document eka document series ekaka document ekakbawath. document series eke ilaga next document ekata yomu karana document ekak bawa dakway. 🎱meka tikak pehedili madi 🎱seo sadaha pamanak yodagani 🎱video link = https://www.youtube.com/watch?v=Bp3iL9paTCM&t=178s 🎱web link = https://developers.google.com/search/blog/2011/09/pagination-with-relnext-and-relprev |
| prev | 🎱current document eka document series ekaka document ekakbawath. document series eke kalin (pera) document ekata yomu karana document ekak bawa dakway. 🎱meka tikak pehedili madi 🎱seo sadaha pamank yodagani 🎱video link = https://www.youtube.com/watch?v=Bp3iL9paTCM&t=178s 🎱web link =https://developers.google.com/search/blog/2011/09/pagination-with-relnext-and-relprev |
| pingback | 🎱meke mukuth therenne nehe 🎱blog site sambanda monawa hari thiyenne 🎱link = https://www.google.com/search?q=pingback |
| preconnect | – |
| prefetch | – |
| preload | – |
| prerender | – |
| search | 🎱ape site ekata adala thorathuru link eka adala page eken hoyaganna puluwannam ethakota meka bawitha karanawa 🎱Example = scamadviser,domain who is check site,trustpilot wage ewa |
| stylesheet | css file ekak link karaddi meka yodagannawa |