Pochopenie rozdielu medzi absolútnou a relatívnou cestou URL
Žiadny aspekt webového dizajnu nie je viac "zameraný na web" ako hypertextové odkazy (bežne označované ako "odkazy"). Schopnosť vytvoriť odkaz na stránke a umožniť čitateľom jednoduchý prístup k inému obsahu je jedným z definujúcich znakov, ktoré odlišujú webové stránky od iných komunikačných médií, ako sú tlačové alebo vysielacie médiá.
Tieto odkazy sa dajú ľahko pridať na stránku a môžu byť na iných webových stránkach, a to buď na vašej stránke, alebo inde na webe. Môžete tiež mať odkazy na iné zdroje, napríklad obrázky, videá alebo dokumenty. Napriek tomu, ako jednoduché sú odkazy, ktoré sú pridané, sú tiež jednou z položiek, ktorú mnohí noví dizajnéri v prvom rade chcú porozumieť, najmä čo sa týka konceptu súborových ciest a čo znamená absolútna versus relatívna cesta, rovnako ako keď sa používa namiesto druhého.
V každej z vyššie popísaných prípadov odkazov musíte zvážiť, ako sa budete pripájať k týmto rôznym stránkam alebo zdrojom z vašich stránok. Konkrétne sa musíte rozhodnúť, aký typ cesty URL budete písať. Pri návrhu webových stránok existujú dva štandardné spôsoby vytvárania odkazov a dvoch druhov ciest, ktoré môžete použiť:
- absolútnych ciest
- relatívnych ciest
Adresy URL absolútnej cesty
Absolútne cesty používajú adresy URL, ktoré odkazujú na veľmi špecifické miesto na internete. Tieto cesty obsahujú názov domény ako súčasť samotnej cesty odkazu. Príkladom absolútnej cesty k tejto webovej stránke je:
https: // www. / Web-typografie-101-3470009
Obvykle by ste absolvovali absolútnu cestu, keď chcete poukázať na prvky webu, ktoré sa nachádzajú v inej doméne než vašej vlastnej doméne. Napríklad, ak by som chcel odkazovať na stránku na inej webovej stránke, musel by som do nej vložiť úplnú adresu URL, pretože odchádzam z jednej domény (webdesign.) A prejdem na inú. Tento odkaz by jednoducho pridal prvok vo vnútri stránky s URL používanou ako hodnota atribútu "href" pre daný odkaz.
Ak teda odkazujete na niečo, čo je "mimo web", musíte použiť absolútnu cestu, ale čo sa týka stránok alebo zdrojov vo vašej doméne? V skutočnosti by ste mohli používať absolútne cesty, a to aj vtedy, keď spájate stránky na vašom vlastnom webe, ale nie je to potrebné a v závislosti na vývojovom prostredí by absolútne cesty mohli spôsobiť problémy.
Napríklad, ak máte vývojové prostredie, ktoré používate pri vytváraní webovej lokality a napíšete všetky adresy URL absolútne na túto adresu URL, všetky budú musieť byť zmenené, keď web funguje. Ak sa chcete vyhnúť tomuto problému, cesty k súborom pre všetky miestne zdroje by mali používať relatívne cesty.
Adresy URL relatívnej cesty
Relatívne cesty sa menia v závislosti na stránke, na ktorej sú odkazy - sú vzhľadom na stránku, ktorá je jedna (odtiaľ názov). Ak spájate stránku na vašom vlastnom webe alebo obrázok vnútri adresára "obrázky" na danom webe, relatívna cesta je to, čo pravdepodobne použijete. Relatívne cesty nepoužívajú úplnú adresu URL stránky, na rozdiel od absolútnych ciest, na ktoré sme sa práve pozreli.
Existuje niekoľko pravidiel na vytvorenie odkazu pomocou relatívnej cesty:
- odkazy v rovnakom adresári ako aktuálna stránka nemajú žiadne informácie o ceste uvedené v názve súboru
- podadresáre sú uvedené bez predchádzajúcich lomítok týždenne / názov súboru
- prepojenia jedného adresára sú uvedené ako ../filename
Ako určiť relatívnu cestu:
- Najprv definujte webovú adresu stránky, ktorú upravujete. V prípade vyššie uvedeného príkladu článku by to bolo https: // www. / Web-typografie-101-3470009
- Potom sa pozrite na cestu k adresáru pre stránku. Pre tento článok, to je / web-typography-101-3470009
Tu uvidíte, že píšeme relatívnu cestu začiatkom tejto cesty s lomkou (/). Tento znak informuje prehliadač, aby sa dostal do koreňového adresára aktuálneho adresára. Odtiaľ môžete pridať ľubovoľné priečinky alebo názvy súborov, ktoré potrebujete pre svoj konkrétny zdroj, vŕtať do priečinkov a dokumentov, aby ste nakoniec pristáli na presný zdroj, ktorý by ste chceli byť prepojené.
Takže v súhrne - ak ste prepojení "off site", použijete absolútnu cestu, ktorá zahŕňa úplnú cestu k čomu sa chcete pripojiť. Ak ste pripojení k súboru v doméne, na ktorej sa nachádza kódovaná stránka, môžete použiť relatívnu cestu, ktorá v podstate prechádza zo stránky, na ktorej sa nachádzate, cez štruktúru súboru stránky a nakoniec na zdroj, ktorý potrebujete ,