HTML 상대경로(Relative Path)와 절대경로(Absolute Path)에 대한 심층적인 이해_HTML/Xhtml_웹페이지 제작

저는 1년 넘게 Java 웹 개발에 종사해 왔습니다. HTML이나 JSP 페이지를 작성하는 것은 필연적입니다. 웹 애플리케이션의 힘은 하이퍼링크(Hyper Link)에 있습니다. 예를 들어, 페이지 a에 링크 주소를 저장합니다. 페이지 b(즉, URI)로 이동하지만 문제는 바로 여기에 파일을 올바르게 참조하는 방법이 있습니다. 예를 들어, 다른 HTML 웹 페이지를 HTML 웹 페이지의 하이퍼링크로 참조하는 방법은 무엇입니까? 웹 페이지에 이미지를 삽입하는 방법은 무엇입니까? ......
또한 Struts에서는 상대 경로도 매우 인기가 높기 때문에 주의하지 않으면 혼동되기 쉽습니다.

파일 참조 시(하이퍼링크 추가, 사진 삽입 등) 잘못된 파일 경로를 사용하면 참조가 무효화됩니다(링크된 파일을 탐색할 수 없거나 삽입된 사진이 등을 표시할 수 없습니다.)

이러한 오류를 방지하려면 문서를 올바르게 인용하고 차이점과 사용법을 적어 두어 나중에 확인할 수 있도록 하세요.

HTML에는 상대 경로와 절대 경로라는 두 가지 경로 작성 방법이 있습니다.

HTML 상대 경로(상대 경로)
동일 디렉터리의 파일 참조
소스파일과 참조파일이 같은 디렉토리에 있다면 참조파일 이름을 직접 적어주시면 됩니다.

이제 소스 파일 info.HTML을 생성하고 index.HTML 파일을 info.HTML의 하이퍼링크로 참조합니다.

info.HTML 경로가 다음과 같다고 가정: d:tomcatwebappshelloblablainfo.HTML
index.HTML 경로가 다음과 같다고 가정: d:tomcatwebappshelloblablaindex.HTML
info에 index.HTML 하이퍼링크를 추가하는 코드. HTML은 다음과 같아야 합니다. 쓰기:

상위 디렉토리를 표현하는 방법
../은 소스 파일이 있는 디렉토리의 상위 디렉토리, .. /../는 소스 파일이 있는 디렉토리의 상위 디렉토리를 나타내는 식입니다.

info.HTML 경로가 다음과 같다고 가정: d:tomcatwebappshelloblainfo.HTML
index.HTML 경로가 다음과 같다고 가정: d:tomcatwebappshelloindex.HTML
info에 index.HTML 하이퍼링크를 추가하는 코드. HTML은 다음과 같아야 합니다. 쓰기:


info.HTML 경로가 다음과 같다고 가정합니다: d:tomcatwebappshelloblablawowstoryinfo.HTML
index.HTML 경로는 다음과 같습니다: d:tomcatwebappshelloindex. HTML
info.HTML에 index.HTML 하이퍼링크를 추가하는 코드는 다음과 같이 작성되어야 합니다.

info.HTML 경로를 가정합니다: d:tomcatwebappshelloblablainfo.HTML
index.HTML 경로를 다음과 같이 가정합니다: d:tomcatwebappshellowowstoryindex.HTML
index.HTML 하이퍼링크를 추가하는 코드 info.HTML에는 다음과 같이 작성해야 합니다.



하위 디렉토리를 표현하는 방법 은 하위 디렉터리에 있는 파일을 의미하므로, 하위 디렉터리에 있는 파일의 경로를 직접 적어주시면 됩니다.

info.HTML 경로가 다음과 같다고 가정: d:tomcatwebappshelloblablainfo.HTML
index.HTML 경로가 다음과 같다고 가정: d:tomcatwebappshelloblablaHTMLindex.HTML
info에 index.HTML 하이퍼링크를 추가하는 코드. HTML은 다음과 같아야 합니다. 쓰기:


info.HTML 경로가 d:tomcatwebappshelloblainfo.HTML이라고 가정합니다.
인덱스를 가정합니다. .HTML 경로는 다음과 같습니다: d:tomcatwebappshelloblablaHTMLtutorialsindex.HTML
info.HTML에 index.HTML 하이퍼링크를 추가하는 코드는 다음과 같이 작성해야 합니다.