Určení základní adresy URL dokumentu s elementem HTML

Webové stránky jsou postaveny s řadou odkazů, ukazující na stránky a zdroje, jako jsou obrázky a styly. Existují dva způsoby určete adresu URL, která odkazuje na tyto zdroje: buď použijte absolutní cestu nebo relativní cestu.

Absolutní cesta se vztahuje ke konkrétnímu cíli, obvykle se to začíná s názvem domény (spolu s protokolem HTTP) www.domain.com/destination/source.jpg. Relativní cesta je opačná: cíl odkazu závisí na kořenovém umístění nebo ve většině případů na názvu vaší webové stránky.

Typická relativní cesta by vypadala takto:

Pokud je například doména vaší webové stránky, hongkiat.com cesta k obrázku by se změnila hongkiat.comimages_2 / specifying-document-base-url-with-html-base-element.png. Měli byste to pochopit, pokud jste na chvíli vyvíjeli webové stránky.

Ale většina z vás asi o tom neslyšela živel. Tento HTML tag byl od doby HTML4, ale jeho implementace ve volné přírodě je jen velmi málo. W3C popisuje tento prvek jako:

“Základní prvek umožňuje autorům určit základní URL dokumentu pro účely řešení relativních adres URL a názvu výchozí kontext procházení pro následující hypertextové odkazy.”

Tento element v podstatě určuje základní URL pro relativní cestu na webových stránkách. Namísto umístění kořenového adresáře nebo domény vaší webové stránky ji můžete ukázat někam jinam, například jako adresu URL, kde se vaše zdroje nacházejí v síti CDN (Content Delivery Network). Podívejme se, jak to vlastně funguje.

Použití základního prvku

je definován podél strany a značky uvnitř . Vzhledem k následujícímu příkladu nastavíme základní adresu URL společnosti Google.

Tato specifikace ovlivní všechny cesty v dokumentu, včetně cest, které jsou zadány v rámci href atribut a src obrázků. Takže za předpokladu, že máme soubor stylů, obrázky a odkazy v sadě dokumentů s podobnou cestou, například:

  Spojení kotvy

I když je naše webová stránka pod demo.hongkiat.com relativní cesta bude odkazovat hongkiat.maxcdn.com, po základní cestě zadané v štítek. Pokuste se vznášet nad odkazem a prohlížeč vám ukáže, kam přesně cesta směřuje.

Všechny relativní cesty budou nakonec:

  Spojení kotvy

Nastavení cíle Výchozí propojení

Kromě definování základní adresy URL může také nastavit výchozí cíl odkazu přes cílová atribut. Řekněme, že chcete otevřít celý odkaz v dokumentu v nové záložce prohlížeče, nastav cílová s _prázdný, jako tak.

Omezení

značka však za určitých okolností obsahuje několik upozornění:

Nejprve podpora prohlížeče je skvělá; funguje v IE6. IE6 si však myslí, že vyžaduje zavírací značku . To by mohlo způsobit problém hierarchie v dokumentu, pokud je koncová značka ponechána nespecifikovaná. Jednoduchým rychlým způsobem řešení tohoto problému je přidání uzavření v rámci komentáře, .

Pokud používáte # ve spojení s Chcete-li odkazovat na oddíly v dokumentu, můžete se setkat s problémem v aplikaci Internet Explorer 9. Namísto přeskočení na uvedenou část aplikace Internet Explorer 9 stránku znovu načte..

Dále prázdné href výsledkem bude základní adresa URL namísto propojení s aktuálním adresářem, kde je stránka umístěna (jedná se o výchozí chování prohlížeče), což by mohlo způsobit neočekávané problémy s odkazováním.

Zabalit

je praktická funkce HTML, která může zjednodušit odkazování na odkazy ve webovém dokumentu. Použijte značku s ohledem na minimalizaci nástrah. Další informace naleznete na níže uvedených odkazech štítek:

Absolutní a relativní URL - MSDN
Základní element HTML - W3C