html

HTML - 베이스 태그 설정

2월 12, 2019
<base> 는 기본 URL을 설정하는 태그이며, 다음 표를 사용할 수 있습니다.

속 성 설 명
href 링크한 사이트나 문서, 또는 이미지
target 링크한 내용을 새 창으로 보여줄지, 아니면 현재 창에 보여줄지를 설정.
  • _blank : 새 창으로 보여줌
  • _self : 현재 창에 보여줌(기본 값) 
  • _parent : 프레임을 사용할 경우 한 단계 상위 프레임에 보여줌 
  • _top : 프레임을 사용할 경우 가장 상위 프레임에 문서를 보여줌

<base> 태그는 문서의 모든 상대 URL의 기본 URL을 지정할 수 있습니다. 예를 들어 science.html 과 news.html 파일이 http://habonyphp.com/topic 에 저장되어 있다면 base URL에는 다음과 같이 지정합니다.

<html>
  <head>
    <base href="http://habonyphp.com/topic/">
  </head>
</html>

그런 다음 <a>태그에는 다음과 같이 간단하게 파일 이름만 지정합니다.

<html>
  <head>
    <base href="http://habonyphp.com/topic/">
  </head>
  <body>
    <a href="science.html">사이언스</a>
    <a href="news.html">뉴스</a>
  </body>
</html>

이렇게 하면 웹 페이지에서는 http://habonyphp.com/topic/science.html 로 전체 URL 로 인식하게 되는데, 실제로 브라우저는 "baseURL + 링크URL"이 실제 경로가 됩니다.

<base>태그는 <head>태그 내에 있어야 하며 한 페이지에 하나의 <base>태그만 사용할 수 있습니다.

Tag:

0 Comments

0 댓글