Ce face <link>
Tagul <link> este un element vid plasat în <head>. Rolul lui cel mai frecvent este să încarce fișiere externe de stiluri CSS cu rel="stylesheet".
De asemenea, este folosit pentru a defini pictograma paginii (rel="icon"), pentru a preîncărca fonturi sau resurse critice (rel="preload") și pentru specificarea URL-ului canonic (rel="canonical") pentru SEO.
Atribute
| Atribut | Descriere |
|---|---|
rel |
Relația dintre document și resursă: „stylesheet”, „icon”, „canonical”, „preload”. |
href |
Adresa URL sau calea către resursa externă. |
type |
Tipul MIME al resursei (opțional în HTML5, ex. „text/css”). |
Exemple
Exemplul 1: Încărcarea unui fișier CSS și a unei pictograme
Plasează aceste legături în interiorul tagului
.<link rel="stylesheet" href="/css/stil.css">
<link rel="icon" type="image/png" href="/imagini/favicon.png">
<link rel="canonical" href="https://www.dexblog.ro/invata/html/">Ce afișează browserul
(Stilurile din fișierul stil.css sunt aplicate automat pe toată pagina)Greșeli frecvente
- Confundarea tagului (care leagă resurse externe în head) cu tagul (care creează linkuri clicabile în body).
- Scrierea tagului de închidere ; tagul este vid și nu se închide niciodată.
Comenzi înrudite
<head>: Conține metadatele documentului, linkuri către fișiere CSS, scripturi și informații pentru motoarele de căutare.<style>: Permite scrierea de reguli CSS direct în documentul HTML (stiluri interne).<a>: Creează un hyperlink către o altă pagină web, un fișier, o adresă de email, un număr de telefon sau o ancoră din pagină.