HTML <base> sa používa na definovanie základnej URL adresy všetkých relatívnych URL adries. To sa vykonáva prostredníctvom atribútu href. Druhý atribút target definuje, kde sa majú otvoriť príslušné referenčné ciele. Značka HTML <base> je vždy uložená v rámci prvku <head>.

Čo je to značka HTML <base>?

HTML tag <base> nastavuje základnú URL adresu pre všetky relatívne URL adresy na webovej stránke. Obsahuje dva HTML atribúty href a target.

Atribút href určuje URL, ktorá by mala slúžiť ako referenčná adresa pre všetky relatívne URL, obrázky, štýly a skripty v dokumente HTML. Táto základná URL môže byť sama o sebe relatívna. Atribút target definuje názov okna, v ktorom by sa mali otvoriť všetky prepojené ciele. Okrem toho môže značka HTML <base> určiť, ako by sa mali otvárať odkazy v aktuálnom dokumente.

Značka HTML <base> je vždy uložená v rámci prvku <head> a mala by sa používať čo najskôr v kóde. Ak existuje viacero značiek <base>, zohľadňuje sa len prvá z nich a všetky ostatné sa ignorujú.

Aká je syntax HTML <base>?

Základná syntax HTML <base> je nasledovná:

<base href="URL" target="TARGET">
html

Príklady toho, ako funguje <base>

Uloženie základnej URL adresy

V prvom príklade uložíme základnú URL adresu https://www.example-website.com do hlavičky dokumentu pomocou HTML tagu <base>:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" />
</head>
<body>
<p>
Here’s your website content.
</p>
</body>
</html>
html

Definovanie predvoleného cieľa pre všetky URL adresy

V ďalšom príklade použijeme atribút target na určenie miesta, kde sa majú URL adresy otvoriť po kliknutí:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" target="_self">
</head>
<body>
<p>
Here’s your website content.
</p>
</body>
</html>
html

Prístup k základnej URL adrese s viacerými relatívnymi odkazmi

V treťom príklade používame HTML <base> na vytvorenie základnej URL adresy, ktorá sa používa ako úvodná stránka pre všetky relatívne odkazy. Takto vyzerá kód:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com/">
</head>
<body >
<h2>Various subpages</h2>
<ul>
<li><a href="/first_subpage/index.htm">First Subpage</a></li>
<li><a href="/second_subpage/index.htm">Second Subpage</a></li>
</ul>
</body>
</html>
html

Aké atribúty podporuje značka HTML <base>?

Značka <base> podporuje iba atribúty href a target.

  • href: Základná URL adresa pre všetky relatívne URL adresy na stránke sa určuje prostredníctvom href. Hodnota tohto atribútu je vždy špecifikovaná vo forme URL adresy. V uvedených príkladoch je táto hodnota https://www.example-website.com.
  • target: Atribút target určuje, v ktorom okne sa má URL otvoriť. Môže mať hodnoty _blank, _parent, _self a _top. _blank otvorí odkaz v novom okne, _parent otvorí odkaz vo vyššom rámci, _self otvorí odkaz v tom istom okne a _top otvorí odkaz v okne prehliadača, pričom nahradí odkazujúcu stránku namiesto toho, aby ju zobrazil ako rámec v rámci stránky.
Prejsť na hlavné menu