본문 바로가기

Webstoryboy

Category

Explanation

HTML/Alphabet

[HTML] <base>

<base> 태그는 모든 문서의 기본이 되는 URL을 설정합니다. <head> 태그 안에 설정 할 수 있으며, 문서에서 한 번만 설정 할 수 있습니다. 현재는 잘 사용하지 않습니다.


<base>

<base> 태그는 모든 문서의 기본이 되는 URL을 설정합니다.

특징 설명
요소 인라인 요소(Inline Element)
닫는 태그 Self-closing(<base />)
버전 HTML4
시각적 표현 -
사용성 ★☆☆☆☆

정의(Definition)

  • <base> 태그는 모든 문서의 기본이 되는 URL을 설정합니다.
  • <base> 태그는 <head> 태그 안에서만 설정 할 수 있습니다.
  • 여러개의 <base> 태그가 설정된 경우, 첫 번째 설정만 유지되고 나머지는 무시됩니다.
  • <base> 태그는 문서에서 한 번만 설정 할 수 있습니다.

속성(Property)

속성 값(예) 설명 버전
href href="URL" 기본 주소 경로를 설정합니다. -
target _blank
_parent
_self
_top
링크 클릭시 새로운 브라우저 창으로 설정합니다.
현재 브라우저의 부모 브라우저 창으로 설정합니다. 부모가 없는 경우 _self와 동일합니다.
현재와 동일한 브라우저 창으로 설정합니다.
최상위 브라우저 창에서 설정합니다. 부모가 없는 경우 _self와 동일합니다.
-

예제1(Sample)

기본 주소 값을 설정한 예제입니다.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <base href="https://webzz.tistory.com/">
</head>
<body>
    
</body>
</html>

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<base>

참고 사이트(Reference)


더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기