절대 URL 경로와 상대 URL 경로의 차이점 이해
웹 디자인의 어떤 부분도 하이퍼 링크 (일반적으로 단순히 "링크"라고 함)보다 "웹 중심"입니다. 페이지에 링크를 만들고 독자가 다른 콘텐츠에 쉽게 액세스 할 수있게하는 기능은 웹 사이트를 인쇄 매체 나 방송 매체와 같은 다른 통신 매체와 차별화시키는 특성 중 하나입니다.
이 링크는 페이지에 쉽게 추가 할 수 있으며 사이트 또는 다른 웹 페이지의 다른 웹 페이지로 연결될 수 있습니다. 이미지, 비디오 또는 문서와 같은 다른 리소스에 대한 링크를 가질 수도 있습니다. 여전히 링크를 추가하는 것만 큼 쉽지만, 많은 새로운 웹 디자이너가 처음에는 파일 경로의 개념과 절대 경로와 상대 경로의 개념을 이해하기 위해 애 쓰고있는 항목 중 하나이기도합니다. 하나가 다른 하나 대신 사용될 때
위에서 설명한 각 링크 인스턴스에서 사이트의 다양한 페이지 또는 리소스에 어떻게 연결할지 고려해야합니다. 특히 어떤 종류의 URL 경로를 작성할지 결정해야합니다. 웹 디자인에서는 링크를 만드는 두 가지 표준 방법과 사용할 수있는 두 가지 종류의 경로가 있습니다.
- 절대 경로
- 상대 경로
절대 경로 URL
절대 경로는 인터넷의 특정 위치를 나타내는 URL을 사용합니다. 이 경로에는 링크 경로 자체의 일부로 도메인 이름이 포함됩니다. 이 웹 페이지의 절대 경로 예는 다음과 같습니다.
https : // www. / web-typography-101-3470009
일반적으로 자신이 아닌 다른 도메인에있는 웹 요소를 가리 키려는 경우 절대 경로가됩니다. 예를 들어 여기에 다른 웹 사이트의 페이지에 연결하려면 한 도메인 (webdesign.)을 다른 사이트로 이동해야하므로 해당 링크의 전체 URL을 포함해야합니다. 이 링크는 해당 링크의 "href"속성 값으로 사용 된 URL이있는 페이지 내부 요소를 간단히 추가합니다.
따라서 자신의 사이트에서 "외부 사이트"로 링크하는 경우 절대 경로를 사용해야하지만 자체 도메인의 페이지 또는 리소스는 어떻게됩니까? 자신의 사이트의 페이지에 링크하는 경우에도 실제로 절대 경로를 사용할 수 있지만 필수는 아니며 개발 환경에 따라 절대 경로가 문제를 일으킬 수 있습니다.
예를 들어 웹 사이트를 만드는 동안 사용하는 개발 환경이 있고 해당 URL에 대한 모든 URL을 절대적으로 코딩하면 사이트가 게시 될 때 해당 URL을 모두 변경해야합니다. 이 문제를 피하려면 모든 로컬 리소스의 파일 경로에 상대 경로를 사용해야합니다.
상대 경로 URL
상대 경로는 링크가있는 페이지에 따라 달라집니다. 상대 경로는 페이지와 관련이 있습니다 (따라서 이름). 자신의 사이트에있는 페이지 또는 해당 사이트의 "images"디렉토리 안에있는 이미지에 링크하는 경우 상대 경로가 사용 가능성이 높습니다. 상대 경로는 방금 살펴 본 절대 경로와 달리 페이지의 전체 URL을 사용하지 않습니다.
상대 경로를 사용하여 링크를 만드는 몇 가지 규칙이 있습니다.
- 현재 페이지와 동일한 디렉토리의 링크에는 나열된 경로 정보가 없습니다. filename
- 주 디렉토리 / 슬래시없이 하위 디렉토리가 나열됩니다.
- 하나의 디렉토리에 대한 링크가 ../filename 으로 나열됩니다 .
상대 경로를 결정하는 방법 :
- 먼저 편집중인 페이지의 URL을 정의하십시오. 위에 나열된 예제 기사의 경우 https : // www가됩니다. / web-typography-101-3470009
- 그런 다음 페이지의 디렉토리 경로를 확인하십시오. 그 기사는 / web-typography-101-3470009입니다.
여기서 슬래시 (/)를 사용하여 경로를 시작하여 상대 경로를 작성하는 것을 볼 수 있습니다. 이 문자는 브라우저에 현재 디렉토리의 루트로 이동하게합니다. 여기에서 특정 리소스에 필요한 폴더 또는 파일 이름을 추가하고, 폴더 및 문서를 드릴 다운하여 링크하려는 정확한 리소스에 최종적으로 도달 할 수 있습니다.
따라서 요약하면 - "사이트 외부"에 링크되어있는 경우 연결하려는 경로의 전체 경로가 포함 된 절대 경로를 사용하게됩니다. 코딩하려는 페이지가있는 도메인의 파일에 링크되어있는 경우에는 실제 페이지에서부터 사이트의 파일 구조를 통해 이동하고 필요한 리소스로 이동하는 상대 경로를 사용할 수 있습니다 .