<base>

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

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

특성

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

다음 특성 중 하나라도 지정했다면, 상대 URL을 자신의 특성 값으로 사용한 모든 요소보다 앞에 위치해야 합니다.

href

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

target

target 속성을 명시하지 않은 <a> 또는 <form> 요소가 내비게이션을 유발했을 때, 그 결과를 보여줄 기본 브라우징 맥락. 키워드나 작성자 정의 이름으로 브라우징 맥락(탭, 창, <iframe>)을 지정해야 합니다.

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

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

사용 일람

다중 <base> 요소

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

페이지 내부 앵커

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

예컨대 <base href="https://example.com">이 존재하는 문서의 <a href="#anchor">Anker</a>는 https://example.com/#anchor를 가리킵니다.

오픈 그래프

오픈 그래프 태그는 <base>를 인식하지 않습니다. 따라서 온전한 절대 URL을 지정해야 합니다.

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

예제

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

명세

브라우저 호환성