Žiadny aspekt webového dizajnu nie je viac orientovaný na web ako hypertextové odkazy (bežne nazývané jednoducho 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, buď na vašom webe, 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útne cesty
- Relatívne cesty
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.Go-Travels.com/web-typography-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 zahrnúť úplnú adresu URL, pretože opúšťam jednu doménu (webdesign.Go-Travels.com) 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 trase:
názov súboru
- Podadresáre sú uvedené bez predchádzajúcich lomítok:
týždenné / filename
- Odkazy na jeden adresár sú uvedené ako:
../názov súboru
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.Go-Travels.com/web-typography-101-3470009
-
/ Web-typografie-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í mimo stránky, budete používať 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 ,
