Absolutní a relativní cesty

Pochopení rozdílu mezi absolutní a relativní cestou URL

Žádný aspekt návrhu webových stránek není více "zaměřen na web" než hypertextové odkazy (běžně označované jako "odkazy"). Schopnost vytvořit odkaz na stránce a umožnit čtenářům snadný přístup k jinému obsahu je jedním z definicních rysů, které nastavují webové stránky na rozdíl od jiných komunikačních médií, jako jsou tisková nebo vysílací média.

Tyto odkazy lze snadno přidat na stránku a mohou být na jiných webových stránkách, ať už na vašem webu nebo jinde na webu. Můžete také mít odkazy na jiné zdroje, například obrázky, videa nebo dokumenty. Přesto, stejně snadné jako odkazy, které jsou přidány, jsou také jednou z věcí, které se nejprve snaží pochopit mnoho nových webových návrhářů, zejména co se týče koncepce souborových cest a co znamená absolutní versus relativní cesta, stejně jako když se používá místo toho druhého.

V každé z výše popsaných instancí odkazů je třeba zvážit, jak se budete připojovat k těmto různým stránkám nebo zdrojům z vašich stránek. Konkrétně se musíte rozhodnout, jakou cestu URL napíšete. V návrhu webových stránek existují dva standardní způsoby vytváření odkazů a dvou druhů cest, které můžete použít:

Adresy URL absolutní cesty

Absolutní cesty používají adresy URL, které odkazují na velmi specifické místo na Internetu. Tyto cesty obsahují název domény jako součást samotné cesty odkazu. Příklad absolutní cesty k této webové stránce je:

https: // www. / web-typografie-101-3470009

Obvykle byste absolvovali absolutní cestu, chcete-li poukazovat na prvky webu, které se nacházejí v doméně jiné než vlastní. Pokud bych například chtěl odkazovat na stránku na jiné webové stránce, musel bych zahrnout celou adresu URL tohoto odkazu, protože odcházím z jedné domény (webdesign.) A přejdu na jinou. Tento odkaz jednoduše přidá prvek uvnitř stránky s adresou URL používanou jako hodnota atributu "href" pro daný odkaz.

Pokud tedy odkazujete na něco, co je "mimo web", budete muset použít absolutní cestu, ale co stránky nebo zdroje ve vaší doméně? Můžete skutečně použít absolutní cesty, i když propojíte se stránkami na svém webu, ale není to nutné a v závislosti na vývojovém prostředí by absolutní cesty mohly způsobit problémy.

Například pokud máte vývojové prostředí, které používáte při vytváření webových stránek a kódejte všechny adresy URL absolutně na tuto adresu URL, budou všechny muset být změněny v okamžiku, kdy stránka bude fungovat. Chcete-li se tomuto problému vyhnout, by cesty cesty pro všechny místní zdroje měly používat relativní cesty.

Adresy URL relativní cesty

Relativní cesty se mění v závislosti na stránce, na které se nacházejí odkazy - jsou relativní vzhledem ke stránce, která jsou jedna (odtud název). Pokud propojíte stránku na vašem webu nebo obrázek uvnitř adresáře "obrázky" na daném webu, relativní cesta je to, co pravděpodobně použijete. Relativní cesty nepoužívají úplnou adresu URL stránky, na rozdíl od absolutních cest, na které jsme se právě dívali.

Existuje několik pravidel pro vytvoření odkazu pomocí relativní cesty:

Jak určit relativní cestu:

  1. Nejprve definujte adresu URL stránky, kterou upravujete. V případě příkladu výše uvedeného článku by se jednalo o https: // www. / web-typografie-101-3470009
  2. Pak se podívejte na cestu adresáře stránky. Pro tento článek to je / web-typography-101-3470009

Zde uvidíte, že zapisujeme relativní cestu začátkem této cesty s lomítkem dopředu (/). Tento znak informuje prohlížeč, aby přešel k kořenu aktuálního adresáře. Odtud můžete přidávat libovolné složky nebo názvy souborů, které potřebujete pro konkrétní zdroj, vyvrtávat do složek a dokumentů a konečně přistát na přesný zdroj, který byste chtěli být propojeni.

Takže v souhrnu - pokud jste propojeni "off site", použijete absolutní cestu, která zahrnuje úplnou cestu k cokoli, ke kterému se chcete připojit. Pokud jste připojeni k souboru v doméně, na které se nachází kódovaná stránka, můžete použít relativní cestu, která se v podstatě pohybuje od stránky, ve které se nacházíte, přes strukturu souborů webu a nakonec na zdroj, který potřebujete .