HTML -lêerpaaie
'n Lêerpad beskryf die ligging van 'n lêer in 'n webwerf se vouerstruktuur.
Lêerpad voorbeelde
Pad | Beskrywing |
---|---|
<img src="picture.jpg"> | Die "picture.jpg"-lêer is in dieselfde vouer as die huidige bladsy geleë |
<img src="images/picture.jpg"> | Die "picture.jpg"-lêer is in die prente-lêergids in die huidige vouer geleë |
<img src="/images/picture.jpg"> | Die "picture.jpg"-lêer is geleë in die prente-lêergids aan die wortel van die huidige web |
<img src="../picture.jpg"> | Die "picture.jpg"-lêer is in die vouer geleë, een vlak hoër as die huidige vouer |
HTML-lêerpaaie
'n Lêerpad beskryf die ligging van 'n lêer in 'n webwerf se vouerstruktuur.
Lêerpaaie word gebruik wanneer daar na eksterne lêers geskakel word, soos:
- Webbladsye
- Beelde
- Stylblaaie
- JavaScripts
Absolute lêerpaaie
'n Absolute lêerpad is die volledige URL na 'n lêer:
Voorbeeld
<img src="https://www.w3schools.com/images/picture.jpg"
alt="Mountain">
Die <img>-merker word in die hoofstuk verduidelik: HTML-beelde .
Relatiewe lêerpaaie
'n Relatiewe lêerpad wys na 'n lêer relatief tot die huidige bladsy.
In die volgende voorbeeld wys die lêerpad na 'n lêer in die prente-lêergids wat aan die wortel van die huidige web geleë is:
Voorbeeld
<img src="/images/picture.jpg"
alt="Mountain">
In die volgende voorbeeld wys die lêerpad na 'n lêer in die prente-lêergids wat in die huidige vouer geleë is:
Voorbeeld
<img src="images/picture.jpg"
alt="Mountain">
In die volgende voorbeeld wys die lêerpad na 'n lêer in die prente-lêergids wat in die vouer geleë is, een vlak hoër vanaf die huidige vouer:
Voorbeeld
<img src="../images/picture.jpg"
alt="Mountain">
Beste praktyk
Dit is die beste praktyk om relatiewe lêerpaaie te gebruik (indien moontlik).
As u relatiewe lêerpaaie gebruik, sal u webblaaie nie aan u huidige basis-URL gebind wees nie. Alle skakels sal op jou eie rekenaar (localhost) sowel as op jou huidige publieke domein en jou toekomstige publieke domeine werk.