Comprendre la diferència entre una ruta d'URL absoluta i relativa
Cap aspecte del disseny web és més "centrat en la xarxa" que els hiperenllaços (normalment anomenats "enllaços"). La possibilitat de crear un enllaç en una pàgina i permetre que els lectors puguin accedir fàcilment a un altre contingut és un dels trets definidors que estableixen llocs web a part d'altres mitjans de comunicació com ara mitjans impresos o difosos.
Aquests enllaços són fàcils d'afegir a una pàgina i poden ser a altres pàgines web, ja sigui al vostre lloc o en qualsevol altre lloc del web. També podeu tenir enllaços a altres recursos, com ara imatges, vídeos o documents. Tanmateix, tan fàcil com els enllaços són afegir, també són un dels elements que molts dissenyadors web nous lluiten per entendre al principi, especialment pel que fa al concepte de rutes d'arxiu i el que significa un camí absolut versus un camí relatiu, així com quan s'utilitza en lloc de l'altre.
En cadascuna de les vies d'enllaços descrites anteriorment, cal considerar com es connectarà a aquestes diverses pàgines o recursos del vostre lloc. Concretament, heu de decidir quin tipus de ruta d'URL heu d'escriure. En el disseny web, hi ha dues maneres estàndard de crear enllaços i dos tipus de rutes que podeu utilitzar:
- camins absoluts
- camins relatius
URL de ruta absoluta
Les rutes absolutes utilitzen URL que fan referència a una ubicació molt específica a Internet. Aquests camins inclouran un nom de domini com a part de la mateixa ruta d'enllaç. Un exemple de la ruta absoluta d'aquesta pàgina web és:
https: // www. / web-typography-101-3470009
Normalment, seria una ruta absoluta quan voleu assenyalar elements web que són en un domini que no sigui el vostre. Per exemple, si volgués enllaçar a una pàgina en un lloc web diferent aquí, hauria d'incloure l'URL complet d'aquest enllaç ja que deixo un domini (disseny web) per anar a un altre. Aquest enllaç només hauria d'afegir l'element dins de la pàgina amb l'URL utilitzat com a valor de l'atribut "href" d'aquest enllaç.
Per tant, si esteu vinculat a qualsevol cosa que no sigui del vostre lloc, haureu d'utilitzar una ruta absoluta, però, què passa amb les pàgines o els recursos del vostre domini? De totes maneres, podeu utilitzar camins absoluts, encara que esteu enllaçant a pàgines del vostre propi lloc, però no és necessari i, depenent de l'entorn de desenvolupament, les rutes absolutes poden causar problemes.
Per exemple, si teniu un entorn de desenvolupament que utilitzeu durant la creació d'un lloc web i que codifiqueu tots els URL de manera absoluta a aquesta URL, tots hauran de canviar-se quan el lloc es posi en marxa. Per evitar aquest problema, les rutes de fitxers per a qualsevol recurs local han d'utilitzar els camins relatius.
URLs de ruta relatives
Les rutes relatives canvien depenent de la pàgina en què els enllaços estiguin connectats: són relatius a la pàgina que són un (d'aquí el nom). Si esteu enllaçant a una pàgina del vostre propi lloc o una imatge dins d'un directori "imatges" d'aquest lloc, una ruta relativa és la que probablement usareu. Els camins relatius no utilitzen l'URL complet d'una pàgina, a diferència dels camins absoluts que acabem de mirar.
Hi ha diverses regles per crear un enllaç mitjançant la ruta relativa:
- els enllaços en el mateix directori que la pàgina actual no tenen informació de ruta inclosa en el nom del fitxer
- Els sub-directoris es llisten sense barres anteriors setmanalment / nom de fitxer
- Els enllaços d'un directori s'enumeren com ../filename
Com es determina la ruta relativa:
- Primer definiu l'URL de la pàgina que esteu editant. En el cas de l'article d'exemple que figura més amunt, això seria https: // www. / web-typography-101-3470009
- A continuació, consulteu la ruta del directori de la pàgina. Per a aquest article, que és / web-typography-101-3470009
Veureu aquí que escrivim la ruta relativa iniciant aquesta ruta amb una barra inclinada (/). Aquest caràcter indica al navegador que vagi a l'arrel del directori actual. A partir d'aquí, podeu afegir les carpetes o els noms dels fitxers que necessiteu per al vostre recurs específic, perllongar-se a les carpetes i als documents per obtenir el recurs exacte que voleu enllaçar.
Així que, en resum, si està enllaçat "fora del lloc", utilitzarà una ruta absoluta que inclogui la ruta completa al que vulgueu connectar. Si esteu vinculat a un fitxer del domini on resideix la pàgina de la codificació, podeu utilitzar una ruta relativa que, bàsicament, navegueu des de la pàgina en què esteu connectat, a través de l'estructura del fitxer del lloc i, finalment, al recurs que necessiteu .