Un URL relativo alla radice inizia con un /
carattere, per assomigliare a qualcosa <a href="https://stackoverflow.com/directoryInRoot/fileName.html">link text</a>
.
Il link che hai pubblicato: <a href="fruits/index.html">Back to Fruits List</a>
si collega a un file html situato in una directory denominatafruits
, la directory si trova nella stessa directory della pagina html in cui appare questo link.
Per renderlo un URL relativo alla radice, modificalo in:
<a href="/fruits/index.html">Back to Fruits List</a>
Modificato in risposta alla domanda, nei commenti, dall'OP:
Così facendo / lo renderà relativo a www.example.com, c'è un modo per specificare quale sia la radice, ad esempio cosa succede se voglio che la radice sia www.example.com/fruits in www.example.com/fruits/ mele / apple.html?
Sì, la prefazione dell'URL, negli attributi href
o src
, con a /
renderà il percorso relativo alla directory principale. Ad esempio, data la pagina html in www.example.com/fruits/apples.html
, il a
of href="https://stackoverflow.com/vegetables/carrots.html"
si collegherà alla pagina www.example.com/vegetables/carrots.html
.
L' elemento base
tag consente di specificare l'uri-base per quella pagina (anche se il base
tag dovrebbe essere aggiunto a tutti pagina in cui era necessario per utilizzare una base specifica, per questo citerò semplicemente l'esempio del W3:
Ad esempio, date la seguente dichiarazione BASE e la dichiarazione A:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Our Products</TITLE>
<BASE href="http://www.aviary.com/products/intro.html">
</HEAD>
<BODY>
<P>Have you seen our <A href="../cages/birds.gif">Bird Cages</A>?
</BODY>
</HTML>
l'URI relativo "../cages/birds.gif" risolverebbe a:
http://www.aviary.com/cages/birds.gif
Esempio citato da: http://www.w3.org/TR/html401/struct/links.html#h-12.4 .
Letture consigliate:
/
renderà relative alwww.example.com
, c'è un modo per specificare che la radice è, ad esempio, che cosa se voglio la radice di esserewww.example.com/fruits
inwww.example.com/fruits/apples/apple.html
?