<base>

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

HTML <base> 요소는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. 문서에는 하나의 <base> 요소만 존재할 수 있습니다.

문서의 기준 URL을 스크립트에서 접근해야할 땐 document.baseURI을 사용할 수 있습니다. 문서에 <base> 요소가 존재하지 않을 때 baseURI의 기본값은 location.href입니다.

콘텐츠 카테고리 메타데이터 콘텐츠.
가능한 콘텐츠 없음. 빈 요소입니다.
태그 생략 닫는 태그는 존재해선 안됩니다.
가능한 부모 요소 다른 <base> 요소를 포함하지 않는 <head> 요소.
암시적 ARIA 역할 대응하는 역할 없음
가능한 ARIA 역할 없음
DOM 인터페이스 HTMLBaseElement

특성

이 요소는 전역 특성을 포함합니다.

경고 : 다음 특성 중 하나라도 지정한 경우, 상대 URL을 특성에 사용한 모든 요소보다 <base>가 앞에 위치해야 합니다.

  • href

    • : 문서 내 상대 URL이 사용할 기준 URL. 절대 및 상대 URL을 사용할 수 있습니다.
  • target

    • : target 속성을 명시하지 않은 <a>, <area>, 또는 <form> 요소가 탐색을 유발했을 때, 그 결과를 보여줄 기본 브라우징 맥락. 키워드저작자 정의 이름으로 지정합니다.

    다음 키워드는 특별한 의미를 갖습니다.

    • _self (기본값): 결과를 현재 브라우징 맥락에 보여줍니다.
    • _blank: 결과를 새로 생성한, 이름 없는 브라우징 맥락에 보여줍니다.
    • _parent: 현재 페이지가 프레임 안에 존재하는 경우, 결과를 현재 브라우징 맥락의 부모에 보여줍니다. 부모가 없으면 _self와 동일합니다.
    • _top: 결과를 최상위 브라우징 맥락에 보여줍니다. 최상위 브라우징 맥락이란 현재 맥락의 조상 중 부모가 없는 맥락입니다. 현재 맥락이 부모를 가지지 않으면 _self와 동일합니다.

사용 일람

다중 <base> 요소

<base> 요소가 여러 개 존재하는 경우 첫 href와 첫 target만 사용하며 나머지는 모두 무시합니다.

페이지 내부 앵커

<a href="#some-id">처럼, 문서 프래그먼트를 가리키는 링크 주소도 <base>를 사용해 처리하므로, 기준 URL 뒤에 프래그먼트를 붙인 주소로 HTTP 요청을 유발합니다. 예를 들어,

  1. <base href="https://example.com">을 가정
  2. <a href="#anchor">Anker</a>를 가정
  3. 2번의 링크는 https://example.com/#anchor를 가리킵니다.

Open Graph

Open Graph 태그는 <base>를 인식하지 않으므로 항상 온전한 형태의 절대 URL을 지정해야 합니다.

html
<meta property="og:image" content="https://example.com/thumbnail.jpg" />

예제

html
<base href="http://www.example.com/page.html" />
<base target="_blank" />
<base target="_target" href="http://www.example.com/page.html" />

명세

Specification
HTML
# the-base-element

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
base
href
data: and javascript: urls are not allowed
Relative URIs.
target

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support