상대 경로와 절대 경로를 지정하기 위한 HTML a 태그 href 속성 사용에 대한 설명

高洛峰
풀어 주다: 2018-05-12 09:02:50
원래의
18738명이 탐색했습니다.

href는 프런트 엔드 파일을 연결하는 데 가장 일반적으로 사용되는 중요한 속성 중 하나입니다. 여기서는 HTML a 태그 href 속성을 사용하여 상대 경로와 절대 경로를 지정하는 방법을 살펴보겠습니다. to

실제 웹 개발 시 CSS 파일 등을 포함한 그림 삽입에는 모두 경로가 필요합니다. 파일 경로를 잘못 추가하면 참조가 무효화됩니다(링크된 파일을 열람할 수 없거나 삽입된 그림이 등을 표시할 수 없습니다.) 초보자분들이 많이 헷갈려하시는데요, 아래에서는 상대경로와 절대경로에 대해 자세히 소개하겠습니다.

HTML 상대 경로
는 이 파일이 위치한 경로로 인해 발생하는 다른 파일(또는 폴더)과의 경로 관계를 나타냅니다.
예:
파일 1.htm의 절대 경로: d:/www/html/1.htm
파일 2.htm의 절대 경로: d:/www/html/2 .htm
그러면: 2.htm에 대한 1.htm의 상대 경로는 다음과 같습니다: 1.htm

상대 링크 사용 방법:
링크가 동일한 디렉터리에 연결하려는 문서의 이름만 입력하면 됩니다. 예:

XML/HTML 코드콘텐츠를 클립보드에 복사

<a href =”1 htm”>网页链接 </a>  
<img src=”bg.jpg” />
로그인 후 복사

다음 레벨 디렉토리로 연결하는 경우 먼저 디렉토리 이름을 입력한 다음 "/"를 추가하고 파일 이름을 입력해야 합니다. 예:

XML/HTML 코드 클립보드에 내용 복사

<a href =”html/ next.htm”>  
<img src=”images/bg.jpg” />
로그인 후 복사

상위 디렉토리에 접속하려면 먼저 "../"를 입력한 후 디렉토리 이름을 입력하고 파일 이름, 예:

XML/HTML 코드 클립보드에 콘텐츠 복사

<a href = “../ www/index.htm”>
로그인 후 복사

예제 요약
이제 aaa.html bbb.html ccc 4개의 HTML 파일이 있습니다. .html index.html
aaa.html의 경로는 다음과 같습니다: D:/www/adminwang/html/aaa.html
bbb.html 경로는 D:/www/adminwang/ bbb.html
ccc.html 경로는 D:/www/ ccc.html
index.html 경로는 D:입니다. /www/ index.html

1. 같은 디렉터리에 있는 파일 링크
예를 들어 ccc.html 파일 링크 index.html의 코드는 다음과 같습니다.

XML/HTML 코드클립보드에 내용 복사

<a href="index.html">链接index网页</a>
로그인 후 복사

2. 이전 디렉터리에 있는 파일에 연결
예를 들어 ccc.html에 링크하기 위한 bbb.html의 코드는 다음과 같습니다.

XML/HTML Code 내용을 클립보드에 복사

<a href="../ccc.html">链接ccc网页</a>
로그인 후 복사

3. aaa.html 링크와 같은 상위 2레벨 디렉토리
에 있는 파일을 링크합니다. ccc.html 코드

XML/HTML 코드클립보드에 내용 복사

<a href=”../../ccc.html”>链接ccc网页</a>
로그인 후 복사

4. 파일
예를 들어 bbb.html에 대한 ccc.html 링크의 코드는 다음과 같습니다.

XML/HTML Code내용을 클립보드에 복사합니다.

<a href="adminwang/bbb.html">链接bbb网页</a>
로그인 후 복사

5. 2레벨 디렉터리에 파일 연결
예를 들어 aaa.html을 연결하는 ccc.html 코드는 다음과 같습니다.

XML/HTML 코드클립보드에 콘텐츠 복사

<a href="adminwang/html/aaa.html">链接aaa网页</a>
로그인 후 복사

HTML 절대 경로
파일의 전체 경로를 제공하세요. 해당 프로토콜이나 드라이브 문자를 포함합니다. 즉, 하드 디스크의 홈 페이지에 있는 파일이나 디렉터리의 실제 전체 경로입니다. 예를 들면 다음과 같습니다.
http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg

절대 경로에 대해서는 말할 것도 없습니다. 하지만 상대 경로는 마스터되어 있으므로 절대 경로는 매우 간단합니다.

HTML a 태그의 href 속성을 사용하여 상대 경로와 절대 경로를 지정하는 방법에 대한 자세한 설명은 PHP 중국어 웹사이트의 관련 기사를 참고하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿