base - Český HTML 5 manuál

Tag <base> umožňuje nastavit kořenovou složku pro relativní odkazy v dokumentu. Její nastavení tak ovlivní např. odkazy, obrázky a další prvky, u kterých je specifikováno relativní umístění.

Tag může být umístěn pouze v sekci <head> a to jen jednou. Je nepárový.

Atributy

<base> má dva atributy:

href - Specifikuje kořenovou složku pro všechna relativní URL v dokumentu.
target - Specifikuje cílové umístění pro všechny odkazy.

Ukázka použití

Nejdříve si ukážeme dokument bez tagu <base>:

<body>
    <img src="http://www.mujweb.cz/obrazky/obrazek.jpg" alt="Obrázek" />
    <a href="http://www.mujweb.cz/obrazky/psi.html">Obrázky psů</a>
</body>

Kód výše můžeme zjednodušit pomocí <base>. Pozor: jeho použití ovlivní relativní umístění všech elementů na stránce!

<head>
        <title>Ukázka base</title>
        <base href="http://www.mujweb.cz/obrazky/" />
</head>
<body>
        <img src="obrazek.jpg" alt="Obrázek" />
        <a href="psi.html">Obrázky psů</a>
</body>

Tag se často využívá pro realizaci tzv. pretty URL. V tomto případě má atribut href na každé stránce hodnotu "/". Tak se zajistí, že pro stránku www.mujweb.cz/clanek/muj-pes bude kořenová složka stejná, jako by se HTML stránka nacházela přímo na www.mujweb.cz.

Článek pro vás napsal Jan Lupčík

Autor se primárně věnuje vývoji webových stránek a aplikací v PHP (framework Laravel) a je jedním z herních vývojářů komunitní modifikace TruckersMP.

Aktivity