Geen enkel aspect van webontwerp is meer webgericht dan hyperlinks (gewoonlijk eenvoudigweg aangeduid als koppelingen ). De mogelijkheid om een koppeling op een pagina te maken en lezers toe te staan gemakkelijk toegang te krijgen tot andere inhoud, is een van de bepalende kenmerken waarmee websites zich onderscheiden van andere communicatiemiddelen zoals gedrukte media of uitzendmedia.
Deze koppelingen kunnen eenvoudig aan een pagina worden toegevoegd en kunnen ook naar andere webpagina's gaan, hetzij op uw site, hetzij elders op internet. U kunt ook links naar andere bronnen hebben, zoals afbeeldingen, video's of documenten. Toch zijn ze, net zo eenvoudig als links toe te voegen, ook een van de items die veel nieuwe webontwerpers eerst moeilijk kunnen begrijpen, vooral in termen van het concept van bestandspaden en wat een absoluut versus een relatief pad betekent, evenals wanneer de ene wordt gebruikt in plaats van de andere.
In elk van de hierboven beschreven koppelingen moet u overwegen hoe u verbinding maakt met die verschillende pagina's of bronnen van uw site. In het bijzonder moet u beslissen welk soort URL-pad u gaat schrijven. In webontwerp zijn er twee standaardmanieren om koppelingen en twee soorten paden te maken die u kunt gebruiken:
- Absolute paden
- Relatieve paden
Absolute pad-URL's
Absolute paden gebruiken URL's die verwijzen naar een zeer specifieke locatie op internet. Deze paden bevatten een domeinnaam als onderdeel van het koppelingspad zelf. Een voorbeeld van het absolute pad naar deze webpagina is:
https://www.Go-Travels.com/web-typography-101-3470009
U zou meestal een absoluut pad zijn wanneer u naar webelementen wilt wijzen die zich op een ander domein bevinden dan het uwe. Als ik bijvoorbeeld naar een pagina op een andere website zou willen linken, zou ik de volledige URL voor die link moeten opnemen omdat ik één domein (webdesign.Go-Travels.com) verlaat om naar een andere te gaan. Die link voegt eenvoudigweg het element binnen de pagina toe met de URL die wordt gebruikt als de waarde van het "href" -attribuut voor die link.
Dus als u een koppeling naar iets dat "off-site" van uw eigen is, moet u een absoluut pad gebruiken, maar hoe zit het met pagina's of bronnen op uw eigen domein? U kunt zelfs absolute paden gebruiken, zelfs als u naar pagina's op uw eigen site linkt, maar dit is niet vereist en, afhankelijk van uw ontwikkelomgeving, kunnen absolute paden problemen veroorzaken.
Als u bijvoorbeeld een ontwikkelomgeving hebt die u gebruikt tijdens het maken van een website en u alle URL's absoluut codeert voor die URL, moeten deze allemaal worden gewijzigd wanneer de site wordt geopend. Om dit probleem te voorkomen, moeten de bestandspaden voor lokale bronnen Relative Paths gebruiken.
Relatieve pad-URL's
Relatieve paden veranderen afhankelijk van de pagina waarop de links staan - ze zijn relatief ten opzichte van de pagina dat ze één zijn (vandaar de naam). Als u een koppeling naar een pagina op uw eigen site of een afbeelding in een "afbeeldingen" -directory op die site maakt, is een relatief pad wat u waarschijnlijk zult gebruiken. Relatieve paden gebruiken niet de volledige URL van een pagina, in tegenstelling tot de absolute paden waarnaar we zojuist hebben gekeken.
Er zijn verschillende regels voor het maken van een koppeling met behulp van het relatieve pad:
- Links in dezelfde map als de huidige pagina bevatten geen padinformatie:
bestandsnaam
- Sub-mappen worden vermeld zonder voorgaande schuine strepen:
wekelijks / filename
- Links in één map worden weergegeven als:
../bestandsnaam
Hoe het relatieve pad te bepalen
-
Definieer eerst de URL van de pagina die u aan het bewerken bent. In het geval van het voorbeeldartikel hierboven vermeld, zou dat zijn
https://www.Go-Travels.com/web-typography-101-3470009
-
/ Web-typografie-101-3470009
Je ziet hier dat we het relatieve pad schrijven door dat pad te beginnen met een schuine streep (/). Dat teken vertelt de browser om naar de hoofdmap van de huidige map te gaan. Van daaruit kunt u de mappen of bestandsnamen toevoegen die u nodig heeft voor uw specifieke bron, en naar mappen en documenten boren om uiteindelijk te landen op de exacte bron die u wilt koppelen.
Dus kort samengevat: als u bent verbonden met een site, gebruikt u een absoluut pad dat het volledige pad bevat naar waar u verbinding mee wilt maken. Als u bent gekoppeld aan een bestand in het domein waarin de pagina die u codeert zich bevindt, kunt u een relatief pad gebruiken dat hoofdzakelijk navigeert vanaf de pagina waarop u zich bevindt, via de bestandsstructuur van de site en uiteindelijk naar de bron die u nodig hebt .
