HTML <base> 요소는 문서 안의 모든 상대 {{glossary("URL")}}이 사용할 기준 URL을 지정합니다. 문서에는 하나의 <base> 요소만 존재할 수 있습니다.
문서의 기준 URL을 스크립트에서 접근해야할 땐 {{domxref('document.baseURI')}}을 사용할 수 있습니다. 문서에 <base> 요소가 존재하지 않을 때 baseURI의 기본값은 {{domxref("location.href")}}입니다.
| 콘텐츠 카테고리 | 메타데이터 콘텐츠. |
|---|---|
| 가능한 콘텐츠 | 없음. {{Glossary("empty element", "빈 요소")}}입니다. |
| 태그 생략 | 닫는 태그는 존재해선 안됩니다. |
| 가능한 부모 요소 | 다른 <base> 요소를 포함하지 않는 {{htmlelement("head")}} 요소. |
| 암시적 ARIA 역할 | 대응하는 역할 없음 |
| 가능한 ARIA 역할 | 없음 |
| DOM 인터페이스 | {{domxref("HTMLBaseElement")}} |
이 요소는 전역 특성을 포함합니다.
다음 특성 중 하나라도 지정한 경우, 상대 URL을 특성에 사용한 모든 요소보다 <base>가 앞에 위치해야 합니다.
target 속성을 명시하지 않은 {{htmlelement("a")}}, {{htmlelement("area")}}, 또는 {{htmlelement("form")}} 요소가 탐색을 유발했을 때, 그 결과를 보여줄 기본 {{glossary("browsing context", "브라우징 맥락")}}. 키워드나 저작자 정의 이름으로 지정합니다._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를 가리킵니다.Open Graph 태그는 <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">
| 명세 | 상태 | 주석 |
|---|---|---|
| {{SpecName('HTML WHATWG', 'semantics.html#the-base-element', '<base>')}} | {{Spec2('HTML WHATWG')}} | |
| {{SpecName('HTML5 W3C', 'document-metadata#the-base-element', '<base>')}} | {{Spec2('HTML5 W3C')}} | |
| {{SpecName('HTML4.01', 'struct/links.html#h-12.4', '<base>')}} | {{Spec2('HTML4.01')}} |
{{Compat("html.elements.base")}}