HTML <base>요소는 문서에 포함된 모든 상대 URL들의 기준 URL을 나타냅니다. 한 문서에 하나의 <base> 요소만이 올수 있습니다.
문서의 기준 URL은 스크립트 document.baseURI을 사용하여 문서에 쿼리될수 있습니다.
사용시 참고: 만약 여러개의 <base> 요소들이 있을경우, 첫번재 href와 첫번쨰 target 값 만이 사용됩니다; 나머지 것들은 무시됩니다.
- 컨텐츠 범주 메타데이터 컨텐츠
- 허용된 컨텐츠 없음, 이것은 empty element.
- 태그 생략 종료 태그는 없어야 합니다.
- 허용된 부모 요소 다른
<base>요소를 포함하지 않는<head>요소 - DOM 인터페이스
HTMLBaseElement
속성
이 요소는 전역 속성을 포함합니다.
href- 상대 URL 주소들을 통해 사용될 기준 URL을 나타냅니다. 이 속성을 사용한다면, 이 요소는 URL을 값으로 가지는 다른 요소들이 등장하기 전에 먼저 등장해야 합니다. 절대,상대 URI가 허용됩니다.
target- target이 정의되지 않은 하이퍼링크나 폼을 통해 결과를 표시할 기본 로케이션을 가리킬 이름이나 키워드를 나타냅니다. HTML4에서 이것은 frame을 위한 이름이나 키워드가 되었습니다. HTML5에서 이것은 브라우징 컨텍스트(탭 ,윈도우, 인라인 프레임 같은것들)를 위한 이름이나 키워드가 되었습니다. 다음 키워드들은 특별한 의미를 가지고 있습니다:
_self: 결과를 현재 HTML4 프레임(or HTML5 브라우징 컨텍스트) 에 로드합니다. 이 target 속성이 정의되어있지 않은경우 이 값이 기본값이 됩니다._blank: 결과를 이름없는 새로운 HTML4 윈도우나 HTML5 브라우징 컨텍스트에 로드합니다._parent: 결과를 현재 HTML4 프레임의 부모 프레임셋에 로드하거나 부모 HTML5 브라우징 컨텍스트에 로드합니다. 만약 부모가 없을 경우 _self와 동일하게 여겨집니다._top: HTML4에서는, 다른 모든 프레임을 취소하고 결과를 꽉찬 본래의 윈도우에 로드합니다. HTML5에서는, 결과를 최상위 브라우징 컨텍스트에 로드합니다. 만약 부모가 없다면, 이 옵션은 _self와 같이 행동합니다.
예제
<base href="http://www.example.com/page.html"> <base target="_blank" href="http://www.example.com/page.html">
명세
| 명세 | 상태 | 주석 |
|---|---|---|
| HTML Living Standard The definition of '<base>' in that specification. |
Living Standard | |
| HTML5 The definition of '<base>' in that specification. |
Recommendation | |
| HTML 4.01 Specification The definition of '<base>' in that specification. |
Recommendation |
브라우저 호환성
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
base | Chrome Full support Yes | Edge Full support Yes | Firefox Full support 1 | IE
Full support
Yes
| Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
href | Chrome Full support Yes | Edge Full support Yes | Firefox Full support 1 | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
target | Chrome Full support Yes | Edge Full support Yes | Firefox Full support Yes | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- See implementation notes.
- See implementation notes.