웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 186

33

조회 수 : 7120 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25

하이퍼링크란? ■■■■■■■■■■■■■■■

웹 문서는 수많은 문서들 사이의 연결들로 이루어져 있습니다. 이렇게 각각의 웹 문서들을 연결하여 인터넷의 바다로 항해를 가능하게 해주는 것이 바로 '하이퍼링크(Hypertext Link') 입니다.
하이퍼링크가 없이는 월드 와이드 웹(World Wide Web)이 존재하지 않는다고 할 수 있을 만큼 하이퍼링크는 웹문서의 큰 특징이자 또한 장점입니다.

하이퍼링크를 설정하는 방식은 여러 가지입니다. 책갈피처럼 한 문서 내에서 특정한 위치로 이동하는 링크, 새로운 웹 사이트로 이동하는 링크, 메일을 보내는 링크, 파일을 다운로드하거나 멀티미디어 파일을 실행시키는 링크 등 하이퍼링크의 설정 방법은 다양합니다.

하이퍼링크 주소 형태

웹 문서에 링크를 설정하는 주소 방식에는 절대경로와 상대경로 두 가지가 있습니다.

절대경로 ■■■■■■■■■■■■■■■

절대경로는 다른 사이트를 링크할 때 주로 사용하는 링크 주소 방식으로 사이트의 URL, 주소 전체를 지정하여 링크를 설정하는 방식입니다. 물론 같은 사이트 안의 문서를 연결할 때도 절대경로를 사용 할 수 있습니다.

이미지 파일 image.gif 의 절대 경로='http://www.backzzanggu.com/images/image.gif

하지만 이와 같이 같은 디렉토리 또는 동일한 URL을 갖는 문서들 사이에 링크를 설정할 때 절대 주소 표기 방법을 사용하면 http://www.backzzanggu.com/이라는 URL이 어떤 컴퓨터를 의미하는지를 찾기 위해서 매번 DNS를 방문하게 됩니다. 물론 시간상의 차이는 느껴지지 않을 정도이겠지만 그래도 낭비겠죠. 그리고 사실 주소가 너무 길기도 합니다. 이럴 때는 매번 동일하게 사용되는 부분 http://www.backzzanggu.com/과 같은 사이트의 URL을 제외시키고 사용한다면 편할 것입니다. 그래서 나온 것이 상대경로 입니다.

상대경로 ■■■■■■■■■■■■■■■

상대경로란 문서간의 계층 구조를 이용하여 문서를 연결해 주는 방식입니다. 즉 특정 디렉토리나 문서를 기준으로 나타내고자 하는 특정한 파일이나 디렉토리를 상대적인 위치 표기 방식으로 문서의 위치를 지정하는 것입니다.

| 상대경로 형태 |

* 자기 자신의 디렉토리 (./images/bar.gif) : './'는 현재 문서가 들어 있는 디렉토리를 나타냅니다.

* 상위 디렉토리 (../images/main.htm) : '../' 는 현재 문서의 상위 디렉토리를 나타냅니다.

* 루트 상대 디렉토리 (/images/main.htm) : 루트를 표시한 './'는 최상위 디렉토리를 의미합니다. 따라서 동일한 URL 내에서는 절대경로와 같은 의미를 지닙니다. 이 루트 상대 디렉토리 주소 방식은 다른 상대경로와 달리 특정 문서를 기준으로 하지 않고, 오직 '루트 폴더'를 기준으로 문서들의 위치를 나타내는 방식입니다.
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/webtip/14055/704/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
186 best of best head 파일과 foot 파일 만드는 방법 [6] title: [ani]깜빡이는 표정빽짱구 2004-03-10 68 4122
185 best of best 홈페이지에 FTP 폼 넣기 [5] title: [ani]깜빡이는 표정빽짱구 2005-03-15 52 6238
184 best of best 서서히 변하는 롤오버 효과 [3] title: [ani]깜빡이는 표정빽짱구 2004-08-19 52 3847
183 best of best 제 community 메뉴에 쓰인 해드파일과 풋파일 [3] title: [ani]깜빡이는 표정빽짱구 2004-06-08 52 4197
182 best of best 프레임 보이고 숨기기 title: [ani]깜빡이는 표정빽짱구 2004-08-18 47 3617
181 best of best 프린트 버튼 출력하기 [1] title: [ani]깜빡이는 표정빽짱구 2004-08-19 40 3502
180 best of best HTML 테그표입니다. [2] title: [ani]깜빡이는 표정빽짱구 2004-02-17 38 3068
179 best of best 제로보드폴더 복구와 관련한.. [1] title: [ani]깜빡이는 표정빽짱구 2005-03-17 34 9485
178 best of best 제홈에 사용중인 스크롤바 색상 [1] title: [ani]깜빡이는 표정빽짱구 2004-10-13 34 3195
177 best of best 플래쉬 테두리생기는문제 코딩법 [2] title: [ani]깜빡이는 표정빽짱구 2006-04-25 33 9171
176 best of best 하이퍼링크란? (절대경로와 상대경로) title: [ani]깜빡이는 표정빽짱구 2004-10-17 33 7120
175 best of best FTP없이 자신의 계정없이 내용확인하기 [5] title: [ani]깜빡이는 표정빽짱구 2004-02-07 33 3395
174 best of best 서버이전 할경우 이미지네임관련 [4] title: [ani]깜빡이는 표정빽짱구 2005-03-19 32 6612
173 best of best 이미지 못가져가게 막기 [2] title: [ani]깜빡이는 표정빽짱구 2004-08-19 31 2928
172 best of best input 태그 (검색창안에 이미지넣기) [3] title: [ani]깜빡이는 표정빽짱구 2005-03-15 30 8675
171 best of best 플래쉬 swf 파일 투명하게하기 title: [ani]깜빡이는 표정빽짱구 2005-03-08 30 5120
170 best of best 자동광고글 차단하기 [1] title: [ani]깜빡이는 표정빽짱구 2004-08-21 30 3410
169 best of best select 폼 예쁘게 꾸며보기 [3] title: [ani]깜빡이는 표정빽짱구 2005-03-15 29 7141
168 best of best 그라데이션 셀렉박스만들기 [1] title: [ani]깜빡이는 표정빽짱구 2005-01-20 29 4761
167 best of best 태그목록 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-17 29 2569