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 하이퍼링크를 추가하는 코드는 다음과 같이 작성되어야 합니다.
index.HTML 경로를 다음과 같이 가정합니다: d:tomcatwebappshellowowstoryindex.HTML
index.HTML 하이퍼링크를 추가하는 코드 info.HTML에는 다음과 같이 작성해야 합니다.
하위 디렉토리를 표현하는 방법 은 하위 디렉터리에 있는 파일을 의미하므로, 하위 디렉터리에 있는 파일의 경로를 직접 적어주시면 됩니다.
info.HTML 경로가 다음과 같다고 가정: d:tomcatwebappshelloblablainfo.HTML
index.HTML 경로가 다음과 같다고 가정: d:tomcatwebappshelloblablaHTMLindex.HTML
info에 index.HTML 하이퍼링크를 추가하는 코드. HTML은 다음과 같아야 합니다. 쓰기:
인덱스를 가정합니다. .HTML 경로는 다음과 같습니다: d:tomcatwebappshelloblablaHTMLtutorialsindex.HTML
info.HTML에 index.HTML 하이퍼링크를 추가하는 코드는 다음과 같이 작성해야 합니다.
HTML 절대 경로(절대 경로)
HTML 절대 경로(절대 경로)는 도메인 이름을 가진 파일의 전체 경로를 의미합니다.
www.jb51.net이라는 도메인 이름을 등록하고 가상 호스트를 신청한다고 가정해 보겠습니다. 가상 호스트 공급자는 www와 같은 디렉터리를 제공할 것입니다. 이 www는 웹 사이트의 루트 디렉터리입니다.
index.HTML 파일이 www 루트 디렉토리에 있다고 가정합니다. 이 파일의 절대 경로는 http://www.jb51.net/index.html입니다.
가정합니다. www 루트 디렉토리에 해당 디렉토리 아래에 HTML_tutorials라는 디렉토리를 생성한 다음 해당 디렉토리에 index.HTML 파일을 배치합니다. 이 파일의 절대 경로는 http://www.jb51.net/article/32759.htm입니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7573
15
1386
52
87
11
62
19
28
110
절대 경로에서 상대 경로로: Linux 경로 사용 팁
Feb 23, 2024 am 08:00 AM
절대 경로에서 상대 경로로: Linux 경로 사용 팁 Linux 시스템에서 경로는 파일 및 디렉터리를 운영할 때 자주 접하는 중요한 개념입니다. 경로 사용에 있어서 절대 경로와 상대 경로는 두 가지 일반적인 표현 방법입니다. 이 기사에서는 Linux 시스템에서 경로를 유연하게 사용하는 방법, 특히 절대 경로에서 상대 경로로 변환하는 기술을 살펴보고 특정 코드 예제를 통해 이를 보여줍니다. 절대 경로와 상대 경로란 무엇입니까? 먼저 절대경로와 상대경로를 명확히 해야 합니다.
Linux에서 절대 경로와 상대 경로의 차이점 이해
Feb 21, 2024 pm 04:33 PM
Linux 절대 경로와 상대 경로의 차이점을 이해합니다. Linux 시스템에서 파일 시스템은 트리 구조로 구성되며 각 파일 또는 디렉터리에는 파일 시스템에서 해당 위치를 찾을 수 있는 고유한 경로가 있습니다. Linux 시스템을 사용할 때 절대 경로와 상대 경로의 개념이 관련되는 경우가 많습니다. 이 문서에서는 절대 경로와 상대 경로의 차이점을 자세히 설명하고 코드 예제를 사용하여 해당 응용 프로그램을 설명합니다. 절대 경로는 파일이나 디렉터리의 위치를 설명하는 루트 디렉터리에서 시작하는 전체 경로입니다. Linux의 루트 디렉터리
Linux 시스템의 경로 표현 마스터: 절대 경로 및 상대 경로
Feb 21, 2024 pm 10:24 PM
Linux 시스템의 마스터 경로 표현: 절대 경로 및 상대 경로 Linux 시스템에서 경로 표현은 특히 개발자와 시스템 관리자에게 매우 중요한 기본 지식입니다. 경로 표현은 주로 절대 경로와 상대 경로의 두 가지 유형으로 나뉩니다. 이 기사에서는 특정 코드 예제를 통해 이 두 가지 경로 표현의 차이점과 사용법을 설명합니다. 1. 절대 경로 절대 경로는 루트 디렉터리부터 시작하는 전체 경로로, 전체 파일 시스템에서 파일이나 디렉터리의 위치를 나타냅니다. 절대 경로는 슬래시 "/"로 시작합니다(예: /h).
Visual Studio Code 확장: 2023년 15년 중 최고
Apr 13, 2023 pm 02:31 PM
Visual Studio Code는 Visual Studio IDE의 미니 버전으로, 가볍고, 다양한 확장 기능을 사용할 수 있으며, 모든 언어 등을 지원합니다. 확장과 관련하여 생산성을 높이려면 최고의 Visual Studio Code 확장을 알아야 합니다. Visual Studio IDE 사용자를 위해 Visual Studio에 가장 적합한 확장 기능을 나열하는 가이드가 있습니다. 이 가이드에서는 효율성과 생산성을 높이는 데 도움이 되는 다양한 Visual Studio Code 확장을 제공합니다. 바로 들어가 보겠습니다. 최고의 Visual Studio는 무엇입니까
PHP 함수 소개 - realpath(): 절대 경로를 반환합니다.
Jul 25, 2023 pm 09:09 PM
PHP 함수 소개 - realpath(): 절대 경로를 반환합니다. PHP 프로그램을 개발할 때 파일 경로 문제가 자주 발생합니다. 특히 다른 파일을 읽거나 쓰거나 참조해야 하는 경우 얻은 경로가 정확한지 확인하는 것이 매우 중요합니다. PHP는 이 문제를 해결하기 위해 매우 실용적인 함수인 realpath() 함수를 제공합니다. realpath() 함수의 기능은 주어진 상대 경로를 절대 경로로 변환하고 결과를 반환하는 것입니다. 이는 현재 코드의 실행과 상관없이
Linux에서 절대 경로와 상대 경로를 올바르게 사용하는 방법
Feb 22, 2024 am 10:12 AM
Linux의 절대 경로와 상대 경로를 올바르게 사용하는 방법 일반적으로 사용되는 운영 체제로서 Linux의 파일 시스템 경로는 사용자 작업의 필수적인 부분입니다. Linux 시스템에는 일반적으로 사용되는 두 가지 경로 표시 방법, 즉 절대 경로와 상대 경로가 있습니다. 절대 경로와 상대 경로의 올바른 사용은 작업 효율을 높이는 열쇠입니다. 다음에서는 구체적인 코드 예제를 통해 Linux에서 절대 경로와 상대 경로를 올바르게 사용하는 방법을 소개합니다. 1. 절대 경로 절대 경로는 루트 디렉터리부터 시작하여 파일이 생성될 때까지를 의미합니다.
웹 프론트엔드의 상대 경로란 무엇입니까?
Aug 25, 2022 pm 04:58 PM
웹 프런트엔드에서 상대 경로는 현재 파일의 경로로 인해 발생하는 다른 파일(또는 폴더)과의 경로 관계를 나타냅니다. 간단히 말하면 현재 파일을 기준으로 하는 대상 파일 위치입니다. , 다른 파일의 경로를 결정하기 위해 일반적으로 "./" 또는 "../"로 시작합니다. 이점: 전체 프로젝트를 이동해도 프로젝트 내 파일 간의 상대적 관계는 변경되지 않으며, 이전에 설정한 경로는 여전히 정확하므로 수정할 필요가 없습니다.
Linux의 절대 경로와 상대 경로의 애플리케이션 시나리오
Feb 22, 2024 pm 02:09 PM
Linux의 절대 경로 및 상대 경로에 대한 애플리케이션 시나리오 Linux 시스템에는 파일 및 디렉터리에 대한 두 가지 일반적인 경로 표현 형식, 즉 절대 경로와 상대 경로가 있습니다. 실제 애플리케이션에서 적절한 경로 표현 방법을 선택하면 작업 효율성이 향상되고 다양한 요구 사항과 시나리오에 따라 운영 절차가 단순화될 수 있습니다. 1. 절대 경로 절대 경로는 루트 디렉터리부터 시작하여 파일이나 디렉터리의 위치를 설명하는 경로 표현입니다. Linux 시스템에서 루트 디렉터리는 "/"로 표시되며, 그 아래 디렉터리는 최종적으로 다음을 가리킬 때까지 차례로 하위 디렉터리입니다.
