루트와 관련된 링크가 있습니까? 같은 링크를 가질 수 있습니다. <a

페이지의 모든 링크를 루트 디렉토리와 관련시키는 방법이 있습니까?

예를 들어, www.example.com/fruits/apples/apple.html나는 다음과 같은 링크를 가질 수 있습니다.

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

이 링크를 가리키는 것 www.example.com/fruits/apples/fruits/index.htmlwww.example.com/fruits/index.html? 첫 번째 경우 대신 두 번째를 가리킬 수있는 방법이 있습니까?



답변

루트 상대 URL은 다음과 같이 /문자로 시작합니다 <a href="https://stackoverflow.com/directoryInRoot/fileName.html">link text</a>.

게시 한 링크 : <a href="fruits/index.html">Back to Fruits List</a>이 (가)라는 디렉토리에있는 html 파일에 링크되어 있으며이 fruits디렉토리는이 링크가 나타나는 html 페이지와 동일한 디렉토리에 있습니다.

루트 상대 URL로 만들려면 다음으로 변경하십시오.

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

OP의 의견에 대한 질문에 대한 답변으로 편집 :

그렇게하면 / www.example.com과 관련이 있습니다. 루트가 무엇인지 지정하는 방법이 있습니까? 예를 들어 루트가 www.example.com/fruits/에서 www.example.com/fruits가되도록하려는 경우 apples / apple.html?

예. href또는 src속성 에서 URL을 앞에두면 /루트 디렉토리에 상대적인 경로가 만들어집니다. 예를 들어,에서 HTML 페이지를 지정 www.example.com/fruits/apples.htmlahref="https://stackoverflow.com/vegetables/carrots.html"페이지에 의지 링크를 www.example.com/vegetables/carrots.html.

base태그 요소는 비록 당신이 (해당 페이지에 대한 기본-URI를 지정할 수 있습니다 base태그에 추가되어야 할 것이다 마다 특정 기지를 사용하는 것이 필요하다고하는 페이지,이를 위해 내가 단순히 W3의 예를 인용합니다 :

예를 들어 다음과 같은 BASE 선언과 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>

상대 URI “../cages/birds.gif”는 다음과 같이 해석됩니다.

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

http://www.w3.org/TR/html401/struct/links.html#h-12.4에서 인용 한 예 .

제안 된 독서 :


답변

사용하다

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

또는

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

답변

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

답변

당신이에서 URL 작성하는 경우 서버 측ASP.NET 응용 프로그램을 , 그리고 귀하의 웹 사이트를 배포 할 가상 디렉터리 웹 사이트에 (예를 들어 APP2) 즉
http://www.yourwebsite.com/app2/

그런 다음 삽입

<base href="~/" />

제목 태그 바로 뒤에

따라서 루트 상대를 사용할 때마다

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

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

이 방법으로 항상 파일을 상대적으로 절대적으로 가리킬 수 있습니다.)

나에게 이것은 가장 유연한 솔루션입니다.


답변

images/루트에서 디렉토리 를 찾는 이미지 태그에 URL을 제공하려면

`logo.png`

다음과 같이 src시작하는 URL 을 제공해야 /합니다.

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

이 코드는 branches/europe/about.php여전히 로고 가 있어도 아무 문제없이 모든 디렉토리에서 작동합니다 .


답변

이 코드 “./”를 서버에서 루트로 사용하십시오.

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

그러나 로컬 컴퓨터에있을 때는 루트 상대 경로로 다음 코드 “../”를 사용하십시오.

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