Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

코스 전체목록

닫기

base

정의

base요소는 HTML문서의 기준 URL을 명시합니다

 

속성

  • href : 문서의 기준이 되는 URL을 지정합니다.
  • target : 링크를 어떤 프레임에 열것인지를 결정합니다.
    • _blank : 새창에 엽니다.
    • _parent : 부모창에 엽니다.
    • _self : 자신의 창에 엽니다.
    • _top : 화면이 여러 프레임으로 이루어져있는 경우 모든 프레임을 지우고 전체 화면에 엽니다.
    • [name] : 지정된 이름에 링크를 엽니다.

설명

  • 문서의 head요소 안에서 사용됩니다.
  • href 속성이나 target 속성중 반드시 하나 이상을 써야하며 둘 다 사용할 수도 있습니다.

 

 

예제

<!DOCTYPE html>
<html>
    <head>
        <title>오픈튜토리얼스 - 생활코딩</title>
        <base href="http://opentutorials.org/" target="_blank">
    </head>
    <body>
        오픈튜토리얼스 html5강좌입니다.
    </body>
</html>

위의 예제에서 문서의 기준이 되는 url은 http://opentutorials.org이며 모든 링크는 새창에 열리게 됩니다.

 

 

 

 

 

 

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
  1. htmlhm
    ㅋ herf가 아니라 href
    대화보기
    • 우리에게 열린 다른 문을 보지 못한다
      이것을 사용하는 목적이나 이유를 덧붙여서 설명도 붙이면 좋을 것 같습니다
    • 푸른하늘
      3
    • MiJey
      head에서 base태그를 지정해놓으면 해당 문서에서는 url을 상대경로로 지정할 수 있게 됩니다.
      base는 문서 당 하나만 지정 가능합니다.

      <!DOCTYPE html>
      <html>
      <head>
      <base href="http://localhost" target="_blank">
      </head>
      <body>
      <a herf="/test/a.html">http://localhost/test/a.html 열기</a>
      </body>
      </html>
    • 서예훈
      맨 아랫줄 url 링크가 잘못되있네요~
    • phpfacebook
      이것을 사용하는 이유나 목적이 뭘까요?
    • 리체:leezche
      감사합니다. 오타 수정되었습니다. ^^;;
      대화보기
      • 환타니아
        예제) 4행, 8핼에서.. 오픈튜토리알스 -> 오픈튜토리얼스
      버전 관리
      리체
      현재 버전
      선택 버전
      graphittie 자세히 보기