This page was translated from English by the community.Learn more and join the MDN Web Docs community.
<base>
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015년 7월.
* 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다음 키워드는 특별한 의미를 갖습니다.
_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>를 가정- 2번의 링크는
https://example.com/#anchor를 가리킵니다.
Open Graph
Open Graph 태그는<base>를 인식하지 않으므로 항상 온전한 형태의 절대 URL을 지정해야 합니다.
<meta property="og:image" content="https://example.com/thumbnail.jpg" />예제
<base href="http://www.example.com/page.html" /><base /><base href="http://www.example.com/page.html" />명세
| Specification |
|---|
| HTML # the-base-element |