본문 바로가기
2222
Stack & Tool/HTML, CSS

base 태그 (상대경로 정해버리기)

by PARK TAE JOON 2021. 5. 18.
  <base href="./css/">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="main.css">

위를 보면 base태그를 사용해서 ./css/ 폴더를 설정한 것을 볼 수 있다.

다음 link태그에서 경로를 사용할 때 바로 main.css를 이용할 수 있다.

 

 

유용하게 사용하기2

<!DOCTYPE html>
<html lang="en">
<head>
  <base href="https://heropcode.github.io/GitHub-Responsive/">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/main.css">
  <title>다큐먼트</title>
</head>
<body>
  <div class="header">
    <!-- 중앙정렬 -->
    <div class="container">
      <!-- left -->
      <div class="container-left clearfix">
        <div class="logo">
          <img src="img/logo.svg" alt="GitHub Logo">
        </div>
        <div class="menu clearfix">
          <div class="menu-item">Personal</div>
          <div class="menu-item">Open Source</div>
          <div class="menu-item">Business</div>
          <div class="menu-item">Explore</div>
        </div>
      </div>
    </div>
  </div>
  <img src="img/bg-small.jpg" alt="대체 이미지">
  <img src="img/feature-tile__build.png" alt="대체 이미지">
</body>
</html>

댓글