HTML <base> 태그란?
HTML <base> 태그는 문서 내 모든 상대 URL(상대 경로)이 참조하게 되는 기본 URL과 기본 대상(target)을 지정하는 요소입니다. 이 태그는 반드시 <head>…</head> 태그 내부에 위치해야 합니다.
<base> 태그를 활용하면 페이지의 헤더 섹션에서 단 한 번만 기본 URL을 설정해 둘 수 있으며, 그 이후 작성되는 모든 상대 경로 링크는 자동으로 해당 URL을 시작점으로 사용합니다. 덕분에 사이트 도메인이 변경되거나 디렉터리 구조가 바뀌더라도 한 곳만 수정하면 되므로 유지 관리가 훨씬 편리해집니다.
<base> 태그의 주요 속성
| 속성 | 값 | 설명 |
|---|---|---|
| href | URL | 기준이 되는 기본 URL을 지정합니다. |
| target | _blank _parent _self _top | 대상 URL이 열리는 위치를 지정합니다. _blank − 새 창(새 탭)에서 열립니다. _self − 링크가 클릭된 것과 같은 프레임에서 열립니다. _parent − 부모 프레임셋에서 열립니다. _top − 창 전체 본문 영역에서 열립니다. |
사용 예제
다음 코드를 직접 실행해 보면 HTML <base> 태그가 어떻게 동작하는지 쉽게 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML base 태그</title>
<base href = "https://www.tutorialspoint.com" />
</head>
<body>
HTML: <br><img src = "/images/html.gif" />
</body>
</html>