HTMLa 태그의 href 속성은 상대 경로와 절대 경로를 사용하는 방법을 지정합니다.

php中世界最好的语言
풀어 주다: 2018-01-22 10:43:57
원래의
3333명이 탐색했습니다.

이번에는 HTMLa 태그의 href 속성을 사용하여 상대 경로와 절대 경로를 지정하는 방법을 알려드리겠습니다. HTMLa 태그의 href 속성을 사용하여 상대 경로와 절대 경로를 지정할 때 주의할 점은 무엇인가요? 실제 사례를 살펴보겠습니다. 실제 웹 개발에서 CSS 파일 등을 포함한 이미지를 삽입하려면 모두 경로가 필요합니다. 파일 경로를 잘못 추가하면

참조

가 무효화됩니다(링크된 파일을 탐색할 수 없거나 삽입된 이미지를 표시할 수 없는 등). 초보자분들이 많이 헷갈려하시는데요, 아래에서는 상대경로와 절대경로에 대해 자세히 소개하겠습니다. HTML 상대 경로는 이 파일이 위치한 경로로 인해 발생하는 다른 파일(또는 폴더)과의 경로 관계를 말합니다. 예:

文件1.htm的绝对路径是:d:/www/html/1.htm
文件2.htm的绝对路径是:d:/www/html/2.htm
那么:1.htm相对于2.htm的路径就是:1.htm
로그인 후 복사

상대 링크 사용 방법:
동일한 디렉토리에 링크하는 경우 링크할 문서 이름만 입력하면 됩니다. 예:
<a href =”1 htm”>网页链接 </a>  
<img src=”bg.jpg” />
로그인 후 복사

하위 디렉토리에 링크하는 경우- 레벨 디렉터리인 경우 디렉터리 이름을 먼저 입력한 다음 "/"를 추가하고 파일 이름을 입력해야 합니다. 예:

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

상위 디렉터리에 연결하는 경우 "../"를 입력해야 합니다. 먼저 디렉터리 이름과 파일 이름을 입력합니다. 예:

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

예제 요약

现在有4个html文件分别是aaa.html bbb.html ccc.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 코드는 다음과 같습니다.

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

2. 이전 디렉터리의 파일을 연결합니다

예를 들어 bbb.
html link

ccc.html 코드는 다음과 같습니다.

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

3. 상위 2단계 디렉터리의 파일을 연결합니다예를 들어, 코드는 다음과 같습니다. aaa.html을 ccc.html에 연결하는 방법은 다음과 같습니다.
<a href=”../../ccc.html”>链接ccc网页</a>
로그인 후 복사

4. 하위 디렉터리의 파일 연결

예를 들어 ccc.html을 bbb.html에 연결하는 코드는 다음과 같습니다.

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

5.

예를 들어 aaa.html을 연결하는 ccc.html의 코드는 다음과 같습니다.

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

HTML 절대 경로

해당 프로토콜 또는 드라이브 문자를 포함하여 파일에 제공된 전체 경로입니다. 즉, 하드 디스크의 홈 페이지에 있는 파일이나 디렉터리의 실제 전체 경로입니다. 예:

http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
로그인 후 복사

절대 경로에 대해서는 말할 것도 없습니다. 상대 경로를 익히면 절대 경로는 매우 간단합니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!


관련 자료:

HTML 텍스트 서식의 자세한 예

HTML에서 자주 사용되는 태그 요약

HTML 편집 기본 사항(초보 사용자가 꼭 읽어야 할 내용)

위 내용은 HTMLa 태그의 href 속성은 상대 경로와 절대 경로를 사용하는 방법을 지정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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