본문 바로가기
웹프로그램

HTML base URL 활용하는 방법

by 세이박스 2010. 3. 10.
반응형
base url 이란?
현재 디렉토리를 지정한 디렉토리로 변경 해주는 기능 입니다.

조금 설명을 구체적으로 하면 다음과 같습니다.
브라우저에서 특정 사이트를 접속시 일단 html 소스를 읽어 옵니다.
그리고 html 소스를 순서대로 분석하면서 이미지, 플래시, 동영상 등의 파일을 다시 불러와서 내컴퓨터 임시 폴더 영역에 저장 합니다.
임시로 저장하는 영역은 IE 7.0인 경우 다음 경로와 같습니다.
브라우저 메뉴 > 도구 > 인터넷 옵션 > 설정 > 파일보기
를 클릭하면 앞전에 받았던 이미지 등이 보일 것입니다.

예) <img src="/images/test.jpg">

브라우저에서 읽어온 html 소스에 예와 같은 이미지 테그가 있는경우 브라우저에서는 자동으로 접속한 도메인을 base url로 생각하고 이미지를 받아 옵니다.
즉, <img src="http://접속한도메인/images/test.jpg"> 처럼 적용해서 이미지를 받아올 때
http://접속한도메인/images/test.jpg 로 불러 오게 됩니다.

base url 적용 소스 :


위 소스를 html 소스 맨 상단에 입력 해주면 이하 소스들은 위 URL을 기본 도메인 처리 됩니다.

예) 접속한 사이트는 http://www.naver.com/ 이지만 base url은 http://www.saybox.co.kr 인경우
<img src="/images/test.jpg"> 이와 같은 이미지 경로는 http://www.naver.com/images/test.jpg 가 아닌 http://www.saybox.co.kr/images/test.jpg 에서 불러오게 됩니다.
반응형