HTML 파일 경로에 "./"및 "../"이 필요합니까?

href 및 src과 같은 속성에 상대 URL을 사용하고 있습니다. 정확하게 경로를 설정하기 전에 ./과 ../을 사용해야합니까?HTML 파일 경로에 "./"및 "../"이 필요합니까?

코딩이 끝나면 코드를 복사하여 내 프로젝트의 다른 .html 파일에 사용합니다. 나는 모든 경로를 바로 잡아야하는 것을 좌절감으로 느낀다.

website-project folder 
     index.html 

     css folder 
      style.css 

     img folder 
      image.png 

     about folder 
      about.html

내가 index.html 코드를 사용하는 경우

내가 ./에서 ../에 구걸 모든 경로를 변경해야 about.html를 시작하려면 다음과 같이

내 프로젝트 폴더 구조입니다. "Find & Replace"도구를 사용하면 더 쉬울 것이지만 현재 폴더가 아닌 루트 폴더를 기반으로하는 경로에 링크 할 수 있다면 더 좋을 것입니다. 예 :

about.html 내부

href="website-project/img/image.png"

사용은 website-project/img/image.png 대신 오류로 연결 website-project/about/img/image.png에 링크합니다.

I가 연결 대신 <a>href="/about/about.html로 할 경우

index.html 페이지 내부 UPDATE 2016년 7월 7일 :

file:///home/guizo/Documents/website-project/about.html

가에 대한 링크 :

file:///about/about.html

같은 일이 계속된다. ERS 링크 :

출처

2016-07-06 guizo

이 정보는 도움이 될 수 있습니다. http://stackoverflow.com/questions/27218879/link-a-css-on-another-folder/27218926#27218926 –

href="/img/image.png"

/

는 루트 디렉토리를 참조 사용해보십시오.

편집 : 위의 정보는 로컬 정적 웹 사이트에서 작동하지 않습니다. 이 경우 고정 기본 주소에 대한 링크 태그를 사용하는 <BASE href /> 태그를 사용해보십시오. 다음과 같이 사용할 수 있습니다 :

index.html의 경우 :

<html> 
    <head> 
     <title>index</title> 
     <BASE href="file:///home/guizo/Documents/website-project/" /> 
    </head> 
    <body> 
     <a href="about/about.html">Go to about</a> 
    </body> 
</html>

about.html의 경우 :

<html> 
    <head> 
     <title>About</title> 
     <BASE href="file:///home/guizo/Documents/website-project/" /> 
    </head> 
    <body> 
     <a href="index.html">Go to index</a> 
    </body> 
</html>

출처

2016-07-06 04:23:55 Ash

이전에 시도했지만 제대로 작동하지 않습니다. 그것으로 연결 /// 집/guizo/문서/웹 사이트 프로젝트/index.html' : '파일 : 나는 대신에 링크의'Home'을 클릭하면 내부'index.html' 페이지 'file : /// index.html' 다른 링크에 대해서도 마찬가지입니다. 'file : /// css/style.html'; 'file : /// about/about.html'; 'file : /// img/image.html' – guizo

@guizo, 귀하의 의견에 대한 답변을 업데이트했습니다. – Ash

감사합니다. 그것이 내가 원하는 것입니다. – guizo

이 '/img/image.png'를 시도합니다. /는 사이트의 루트를 나타냅니다.

출처

2016-07-06 04:25:09 MaNi

HTML 파일 경로에 "./"및 "../"이 필요합니까?

답변

관련 문제