Tendo links em relação à raiz?

161

Existe uma maneira de ter todos os links em uma página em relação ao diretório raiz?

Por exemplo, www.example.com/fruits/apples/apple.htmleu poderia ter um link dizendo:

<a href="fruits/index.html">Back to Fruits List</a>

Este link estaria apontando para www.example.com/fruits/apples/fruits/index.htmlou www.example.com/fruits/index.html? Se o primeiro, existe uma maneira de apontar para o segundo?

html location-href Click Voto a favor
fonte

Respostas:

293

Um URL relativo à raiz começa com um /caractere, para se parecer com isso <a href="https://stackoverflow.com/directoryInRoot/fileName.html">link text</a>.

O link que você postou: <a href="fruits/index.html">Back to Fruits List</a>está vinculado a um arquivo html localizado em um diretório chamado fruits, o diretório estando no mesmo diretório da página html em que esse link aparece.

Para torná-lo um URL relativo à raiz, altere-o para:

<a href="/fruits/index.html">Back to Fruits List</a>

Editado em resposta à pergunta, nos comentários, do OP:

Assim, fazendo / será relacionado a www.example.com, existe uma maneira de especificar qual é a raiz, por exemplo, e se eu quiser que a raiz seja www.example.com/fruits em www.example.com/fruits/ maçãs / apple.html?

Sim, o prefixo da URL, nos atributos hrefou src, com a /tornará o caminho relativo ao diretório raiz. Por exemplo, dada a página html em www.example.com/fruits/apples.html, a ade href="https://stackoverflow.com/vegetables/carrots.html"link para a página www.example.com/vegetables/carrots.html.

O elemento basetag permite que você especifique a base-uri para essa página (embora a basetag deva ser adicionada a todas as páginas nas quais foi necessário o uso de uma base específica, para isso, citarei simplesmente o exemplo do W3:

Por exemplo, dada a seguinte declaração BASE e declaração 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>

o URI relativo "../cages/birds.gif" resolveria para:

http://www.aviary.com/cages/birds.gif

Exemplo citado em: http://www.w3.org/TR/html401/struct/links.html#h-12.4 .

Leitura sugerida:

David diz para restabelecer Monica
fonte
1
Então, fazendo /o fará em relação ao www.example.com, há uma maneira para especificar o que a raiz é, por exemplo, o que se eu quiser a raiz para ser www.example.com/fruitsem www.example.com/fruits/apples/apple.html?
Click UpVote
1
existe uma maneira de encontrá-lo dinamicamente? Algo como ~ no .NET? O que acontecerá se em cada ambiente você tiver um nome de pasta diferente?
Kremena Lalova 29/07
21

Usar

<a href="/fruits/index.html">Back to Fruits List</a>

ou

<a href="../index.html">Back to Fruits List</a>
amit_g
fonte
1
../path funcionou, mas / path não funcionou para mim no Expression Web usando-o em um arquivo CSS. (O arquivo estava em / Diretório e referência / DifferentDirectory
Clay Nichols
3 
<a href="/fruits/index.html">Back to Fruits List</a>
moe
fonte
3

Se você estiver criando a URL do lado do servidor de um aplicativo ASP.NET e implantando seu site em um diretório virtual (por exemplo, app2) no seu site, por exemplo, http://www.yourwebsite.com/app2/

então basta inserir

<base href="~/" />

logo após a tag title.

portanto, sempre que você usar o parente raiz, por exemplo 

<a href="/Accounts/Login"/>

resolveria " http://www.yourwebsite.com/app2/Accounts/Login "

Dessa forma, você sempre pode apontar para seus arquivos de forma relativamente absoluta;)

Para mim, esta é a solução mais flexível.

A-Majeed
fonte
2
Sua resposta simplesmente não funciona. "barra til" funciona no lado do servidor em soluções ASP.NET. Esta pergunta não é sobre soluções ASP.NET do lado do servidor.
Anders Tornblad 10/10
1
Entendo sua teoria, mas funciona (na prática e na teoria) O servidor substitui a "barra de til" por qualquer que seja a raiz do seu aplicativo ao gerar o HTML. Você já tentou isso primeiro?
A-Majeed
Claro que tentei. Os servidores da Web NÃO substituem a barra til pela raiz de um aplicativo. Somente aplicativos ASP.NET fazem isso. Em outros ambientes, não existe um conceito como "aplicativo".
Anders Tornblad
Não, eu não deveria ter que dizer que não uso o ASP.NET. Você fez essa suposição, mas não mencionou a suposição em sua resposta. Além disso, a pergunta não menciona nada sobre o ambiente de tempo de execução do servidor, portanto, você não deveria ter assumido que a pergunta era sobre um ASP.NET. Se você der uma resposta no StackOverflow, certifique-se de responder à pergunta - e não a alguma outra pergunta. Além disso, eu disse que essa pergunta não é sobre soluções ASP.NET do lado do servidor.
Anders Tornblad 14/10
Trabalhou para mim quando renderizei links de javascript
Balaji Birajdar
0

Para atribuir um URL a uma tag de imagem que localiza o images/diretório na raiz, como

`logo.png`

você deveria dar src URL começando com /o seguinte:

<img src="/images/logo.png"/>

Esse código funciona em qualquer diretório sem problemas, mesmo que você branches/europe/about.phpainda esteja no logotipo.

Tum Ozel Okullar
fonte
0

Use este código "./" como root no servidor, pois funciona para mim

<a href="./fruits/index.html">Back to Fruits List</a>

mas quando você estiver em uma máquina local, use o seguinte código "../" como o caminho relativo raiz

<a href="../fruits/index.html">Back to Fruits List</a>
rei zecole
fonte