`<base>` în HTML

Stabilește adresa de bază pentru toate URL-urile relative din pagină și, opțional, ținta implicită a linkurilor.

Sintaxă tag

<base href="https://www.exemplu.ro/magazin/" target="_blank">

Ce face `<base>`

Elementul <base> stă în <head> și schimbă felul în care browserul completează adresele relative. Cu <base href="https://www.exemplu.ro/magazin/">, linkul produse.html duce la https://www.exemplu.ro/magazin/produse.html, indiferent de adresa paginii curente.

Atributul target setează unde se deschid toate linkurile fără target propriu (de exemplu _blank, în tab nou).

Poate exista un singur <base> pe pagină și trebuie pus înaintea oricărui element care folosește URL-uri (<link>, <script>). Elementul este gol.

Atribute

Atribut	Descriere
`href`	Adresa de bază pentru URL-urile relative.
`target`	Ținta implicită a linkurilor și formularelor: `_self`, `_blank`, `_parent`, `_top` sau numele unui cadru.

Exemple

Exemplul 1: Linkuri relative rezolvate față de altă adresă

Pagina se află la /promotii/octombrie.html, dar linkurile pornesc din /magazin/.

<head>
  <base href="https://www.exemplu.ro/magazin/">
</head>
<body>
  <a href="laptopuri.html">Laptopuri</a>
  <img src="img/oferta.jpg" alt="Ofertă de 200 lei">
</body>

Ce afișează browserul

Linkul duce la https://www.exemplu.ro/magazin/laptopuri.html.
Imaginea se încarcă din https://www.exemplu.ro/magazin/img/oferta.jpg.

Exemplul 2: Capcana linkurilor spre ancore

Cu <base>, un link #contact nu mai rămâne pe pagina curentă.

<base href="https://www.exemplu.ro/">
<a href="#contact">Mergi la contact</a>