코드랩 레퍼런스
<base> 본문
특징 | 설명 |
---|---|
콘텐츠 카테고리 | Metadata content |
콘텐츠 속성 | Global Attributes |
콘텐츠 요소 | Metadata Content |
닫는 태그 | Self-closing |
버전 | HTML4 |
시각적 표현 | - |
Definition
- <base> 태그는 <head> 태그 안에서만 설정 할 수 있습니다.
- 여러개의 <base> 태그가 설정된 경우, 첫 번째 설정만 유지되고 나머지는 무시됩니다.
Property
속성 | 값(예) | 설명 | 버전 |
---|---|---|---|
href | href="URL" | 기본 주소 경로를 설정합니다. | - |
target |
_blank _parent _self _top |
링크 클릭시 새로운 브라우저 창으로 설정합니다. 현재 브라우저의 부모 브라우저 창으로 설정합니다. 부모가 없는 경우 _self와 동일합니다. 현재와 동일한 브라우저 창으로 설정합니다. 최상위 브라우저 창에서 설정합니다. 부모가 없는 경우 _self와 동일합니다. |
- |
Compatibility
6 | 7 | 8 | 9 | 10 | 11 | ||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<base> |
Sample
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Sample Base</title>
<base href="http://webstoryboy.co.kr">
</head>
<body>
<h1><Base> 태그</h1>
<div>
<ul>
<li><base> 태그는 문서의 모든 URL의 기본이 되는 기본 URL을 설정합니다.</li>
<li><base> 태그는 <head> 태그 안에서만 설정 할 수 있습니다.</li>
<li>여러개의 <base> 태그가 설정된 경우, 첫 번째 설정만 유지되고 나머지는 무시됩니다.</li>
<li><a href="w-script/jquery.html">여기</a>를 클릭하면 기본 주소를 기본으로 URL이 설정됩니다.</li>
<li>현재 기본 주소는 http://webstoryboy.co.kr입니다.</li>
<li><a href="w-script/javascript.html">여기</a>를 클릭하면 기본 주소를 기본으로 URL이 설정됩니다.</li>
</ul>
</div>
</body>
</html>