HTML <base> se používá k definování základní URL adresy všech relativních URL adres. To se provádí pomocí atributu href. Druhý atribut target definuje, kde se mají otevřít příslušné odkazy. Značka HTML <base> je vždy uložena v rámci prvku <head>.

Co je to značka HTML <base>?

HTML tag <base> nastavuje základní URL pro všechny relativní URL na webové stránce. Obsahuje dva HTML atributy href a target.

Atribut href určuje URL, která by měla sloužit jako reference pro všechny relativní URL, obrázky, styly a skripty v HTML dokumentu. Tato základní URL může být sama o sobě relativní. Atribut target definuje název okna, ve kterém by se měly otevírat všechny propojené cíle. Navíc tag HTML <base> může určit, jak by se měly otevírat odkazy v aktuálním dokumentu.

Značka HTML <base> je vždy uložena v rámci prvku <head> a měla by být použita co nejdříve v kódu. Pokud existuje několik značek <base>, bere se v úvahu pouze první z nich a všechny ostatní jsou ignorovány.

Jaká je syntaxe HTML <base>?

Základní syntaxe HTML <base> je následující:

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

Příklady toho, jak funguje <base>

Uložení základní URL adresy

V prvním příkladu uložíme základní URL https://www.example-website.com do záhlaví dokumentu pomocí 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

Definování výchozího cíle pro všechny adresy URL

V dalším příkladu použijeme atribut target k určení, kde se mají URL adresy otevřít 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

Přístup k základní URL s více relativními odkazy

Ve třetím příkladu použijeme HTML <base> k vytvoření základní URL adresy, která bude sloužit jako úvodní stránka pro všechny relativní odkazy. Kód vypadá takto:

<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

Jaké atributy podporuje značka HTML <base>?

Značka <base> podporuje pouze atributy href a target.

  • href: Základní URL pro všechny relativní URL na stránce se určuje pomocí href. Hodnota tohoto atributu je vždy zadána ve formě URL. V výše uvedených příkladech je tato hodnota https://www.example-website.com.
  • target: Atribut target určuje, v jakém okně se má URL otevřít. Může mít hodnoty _blank, _parent, _self a _top. _blank otevře odkaz v novém okně, _parent otevře odkaz v rámci vyšší úrovně, _self otevře odkaz ve stejném okně a _top otevře odkaz v okně prohlížeče, přičemž nahradí odkazující stránku, místo aby ji zobrazil jako rámec v rámci stránky.
Přejít do hlavního menu