웹 프론트엔드 HTML 튜토리얼 HTML_HTML/Xhtml_Web 페이지 제작 시 절대 경로와 상대 경로의 차이 분석

HTML_HTML/Xhtml_Web 페이지 제작 시 절대 경로와 상대 경로의 차이 분석

May 16, 2016 pm 04:40 PM
상대 경로 절대 경로

그림과 같이:

여러 파일에서 단일 페이지를 연결합니다. 파일을 참조할 때 경로 문제에 대해 어느 정도 이해하고 있거나 PHP 네트워크 프로그램에 대한 지식이 있는 프로그래머가 필요합니다. 개발은 정의할 것입니다. 포함과 함께 변수 경로 및 참조를 정의하는 방법에 대한 많은 통찰력이 있습니다.

예:

코드 복사
코드는 다음과 같습니다.

define ('ROOT_PATH',dirname(__FILE__));
include(ROOT_PATH."/inc/webconfig.php")
include(ROOT_PATH."/inc/sysinfo.php");
include(ROOT_PATH."/inc/functions.php")
include(ROOT_PATH."/inc/db_sql.php")

다음에 분석해 볼 내용은 다음과 같습니다.

주요 내용:

•상대 경로와 절대 경로의 개념
•상세 분석
상대 경로와 절대 경로의 개념

운영 체제 클래스에서 말한 대로 파일 검색 시 절대 경로: 트리 디렉터리 구조에서는 루트 노드에서 데이터 파일이나 디렉터리 파일까지 고유한 경로가 하나만 있습니다. 루트 노드에서 데이터 파일로 전달되는 디렉터리 파일 이름과 데이터 파일 이름을 "/"로 연결하여 데이터 파일에 액세스하는 데 사용할 수 있는 경로 이름을 구성합니다. 각 프로세스 "현재 디렉터리"마다 하나씩 설정할 수 있습니다. ", "작업 디렉터리"라고도 알려져 있으므로 파일을 찾을 때마다 기계적으로 절대 경로를 사용할 필요가 없습니다. 대신 현재 디렉터리를 기준으로 파일의 상대 경로를 사용합니다. 이는 상대 경로입니다. . 물론 다소 추상적입니다. 자세한 내용은 아래를 참조하세요. 내 분석은 주로 html에서 사용됩니다. 예를 들어, 다른 HTML 웹 페이지를 HTML 웹 페이지의 하이퍼링크로 참조하는 방법은 무엇입니까? 웹 페이지에 이미지를 삽입하는 방법은 무엇입니까?

파일 참조 시(하이퍼링크 추가, 사진 삽입 등) 잘못된 파일 경로를 사용하면 참조가 무효화됩니다(링크된 파일을 탐색할 수 없거나 삽입된 사진이 표시할 수 없습니다 등).
이러한 오류와 참조 파일을 올바르게 방지하려면 HTML 경로를 배워야 합니다.
HTML에는 상대 경로와 절대 경로라는 두 가지 경로 작성 방법이 있습니다.

HTML 상대 경로(Relative Path)


동일한 디렉토리에 있는 파일 참조


소스 파일과 참조 파일이 동일한 디렉토리에 있는 경우 , 직접 참조 파일 이름을 적어주세요.

이제 info.html 소스 파일을 생성하고 index.html 파일을 info.html의 하이퍼링크로 참조합니다.
info.html 경로가 다음과 같다고 가정: c:Inetpubwwwrootsitesblablainfo.html index.html 경로가 다음과 같다고 가정: c:Inetpubwwwrootsitesblablaindex.html info.html에 index.html 하이퍼링크를 추가하는 코드는 다음과 같이 작성되어야 합니다. :
../은 디렉토리의 상위 디렉토리를 나타냅니다. 소스 파일은 http://www.jb51입니다. net/은 소스 파일이 있는 디렉토리 위의 디렉토리를 나타냅니다.

info.html 경로가 다음과 같다고 가정: c:Inetpubwwwrootsitesblablainfo.html index.html 경로가 다음과 같다고 가정: c:Inetpubwwwrootsitesindex.html info.html에 index.html 하이퍼링크를 추가하는 코드는 다음과 같이 작성되어야 합니다. :

index.html info.html 경로가 다음과 같다고 가정합니다: c:Inetpubwwwrootsitesblablainfo.html index.html 경로가 다음과 같다고 가정합니다: c:Inetpubwwwrootindex.html in info .html의 index.html에 하이퍼링크를 추가하는 코드는 다음과 같이 작성해야 합니다.

index.html가정 info.html 경로는 다음과 같습니다. c:Inetpubwwwrootsitesblablainfo.html index.html 경로는 다음과 같습니다. c:Inetpubwwwrootsiteswowstoryindex.html info.html에 index.html 하이퍼링크를 추가하는 코드

index.html
하위 디렉토리를 표현하는 방법
하위 디렉터리의 파일을 참조하려면 하위 디렉터리의 파일 경로를 직접 작성하면 됩니다.

info.html 경로가 다음과 같다고 가정: c:Inetpubwwwrootsitesblablainfo.html index.html 경로가 다음과 같다고 가정: c:Inetpubwwwrootsitesblablahtmlindex.html info.html에 index.html 하이퍼링크를 추가하는 코드는 다음과 같이 작성되어야 합니다. :

index.html

info.html 경로가 다음과 같다고 가정합니다. c:Inetpubwwwrootsitesblablainfo.html 색인을 가정합니다. .html 경로는 다음과 같습니다. c: Inetpubwwwrootsitesblablahtmltutorialsindex.html info.html에 index.html 하이퍼링크를 추가하는 코드는 다음과 같이 작성해야 합니다.

HTML은 절대 경로(절대 경로)
HTML 절대 경로(절대 경로)는 도메인 이름이 포함된 파일의 전체 경로를 나타냅니다.

도메인 이름 www.jb51.net을 등록하고 가상 호스트를 신청한다고 가정해 보세요. 가상 호스트 공급자가 www와 같은 디렉토리를 제공할 것입니다. 이 www는 웹사이트의 루트 디렉토리입니다.

www 루트 디렉터리에 index.html 파일이 있다고 가정해 보겠습니다. 이 파일의 절대 경로는 http://www.jb51.net/index.html입니다.

www 루트 디렉터리에 html_tutorials라는 디렉터리를 생성하고 해당 디렉터리에 index.html 파일을 배치한다고 가정합니다. 이 파일의 절대 경로는 http://www.jb51.net/html_tutorials/입니다. index.html.

참고 정보:
상대 경로와 절대 경로의 차이점
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

절대 경로에서 상대 경로로: Linux 경로 사용 팁 절대 경로에서 상대 경로로: Linux 경로 사용 팁 Feb 23, 2024 am 08:00 AM

절대 경로에서 상대 경로로: Linux 경로 사용 팁 Linux 시스템에서 경로는 파일 및 디렉터리를 운영할 때 자주 접하는 중요한 개념입니다. 경로 사용에 있어서 절대 경로와 상대 경로는 두 가지 일반적인 표현 방법입니다. 이 기사에서는 Linux 시스템에서 경로를 유연하게 사용하는 방법, 특히 절대 경로에서 상대 경로로 변환하는 기술을 살펴보고 특정 코드 예제를 통해 이를 보여줍니다. 절대 경로와 상대 경로란 무엇입니까? 먼저 절대경로와 상대경로를 명확히 해야 합니다.

Linux에서 절대 경로와 상대 경로의 차이점 이해 Linux에서 절대 경로와 상대 경로의 차이점 이해 Feb 21, 2024 pm 04:33 PM

Linux 절대 경로와 상대 경로의 차이점을 이해합니다. Linux 시스템에서 파일 시스템은 트리 구조로 구성되며 각 파일 또는 디렉터리에는 파일 시스템에서 해당 위치를 찾을 수 있는 고유한 경로가 있습니다. Linux 시스템을 사용할 때 절대 경로와 상대 경로의 개념이 관련되는 경우가 많습니다. 이 문서에서는 절대 경로와 상대 경로의 차이점을 자세히 설명하고 코드 예제를 사용하여 해당 응용 프로그램을 설명합니다. 절대 경로는 파일이나 디렉터리의 위치를 ​​설명하는 루트 디렉터리에서 시작하는 전체 경로입니다. Linux의 루트 디렉터리

Visual Studio Code 확장: 2023년 15년 중 최고 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는 무엇입니까

Linux 시스템의 경로 표현 마스터: 절대 경로 및 상대 경로 Linux 시스템의 경로 표현 마스터: 절대 경로 및 상대 경로 Feb 21, 2024 pm 10:24 PM

Linux 시스템의 마스터 경로 표현: 절대 경로 및 상대 경로 Linux 시스템에서 경로 표현은 특히 개발자와 시스템 관리자에게 매우 중요한 기본 지식입니다. 경로 표현은 주로 절대 경로와 상대 경로의 두 가지 유형으로 나뉩니다. 이 기사에서는 특정 코드 예제를 통해 이 두 가지 경로 표현의 차이점과 사용법을 설명합니다. 1. 절대 경로 절대 경로는 루트 디렉터리부터 시작하는 전체 경로로, 전체 파일 시스템에서 파일이나 디렉터리의 위치를 ​​나타냅니다. 절대 경로는 슬래시 "/"로 시작합니다(예: /h).

Linux에서 절대 경로와 상대 경로를 올바르게 사용하는 방법 Linux에서 절대 경로와 상대 경로를 올바르게 사용하는 방법 Feb 22, 2024 am 10:12 AM

Linux의 절대 경로와 상대 경로를 올바르게 사용하는 방법 일반적으로 사용되는 운영 체제로서 Linux의 파일 시스템 경로는 사용자 작업의 필수적인 부분입니다. Linux 시스템에는 일반적으로 사용되는 두 가지 경로 표시 방법, 즉 절대 경로와 상대 경로가 있습니다. 절대 경로와 상대 경로의 올바른 사용은 작업 효율을 높이는 열쇠입니다. 다음에서는 구체적인 코드 예제를 통해 Linux에서 절대 경로와 상대 경로를 올바르게 사용하는 방법을 소개합니다. 1. 절대 경로 절대 경로는 루트 디렉터리부터 시작하여 파일이 생성될 때까지를 의미합니다.

PHP 함수 소개 - realpath(): 절대 경로를 반환합니다. PHP 함수 소개 - realpath(): 절대 경로를 반환합니다. Jul 25, 2023 pm 09:09 PM

PHP 함수 소개 - realpath(): 절대 경로를 반환합니다. PHP 프로그램을 개발할 때 파일 경로 문제가 자주 발생합니다. 특히 다른 파일을 읽거나 쓰거나 참조해야 하는 경우 얻은 경로가 정확한지 확인하는 것이 매우 중요합니다. PHP는 이 문제를 해결하기 위해 매우 실용적인 함수인 realpath() 함수를 제공합니다. realpath() 함수의 기능은 주어진 상대 경로를 절대 경로로 변환하고 결과를 반환하는 것입니다. 이는 현재 코드의 실행과 상관없이

웹 프론트엔드의 상대 경로란 무엇입니까? 웹 프론트엔드의 상대 경로란 무엇입니까? Aug 25, 2022 pm 04:58 PM

웹 프런트엔드에서 상대 경로는 현재 파일의 경로로 인해 발생하는 다른 파일(또는 폴더)과의 경로 관계를 나타냅니다. 간단히 말하면 현재 파일을 기준으로 하는 대상 파일 위치입니다. , 다른 파일의 경로를 결정하기 위해 일반적으로 "./" 또는 "../"로 시작합니다. 이점: 전체 프로젝트를 이동해도 프로젝트 내 파일 간의 상대적 관계는 변경되지 않으며, 이전에 설정한 경로는 여전히 정확하므로 수정할 필요가 없습니다.

Vue에 절대 경로를 도입할 때 오류가 발생하면 어떻게 해야 합니까? Vue에 절대 경로를 도입할 때 오류가 발생하면 어떻게 해야 합니까? Jan 29, 2023 pm 02:57 PM

vue에 절대 경로를 도입할 때 발생하는 오류에 대한 해결 방법: 1. "await import('@/assets/img/22.png');"를 사용하여 경로를 도입합니다. 2. 반환 값을 재활용하여 로컬 이미지를 요청합니다.

See all articles