link와 import

치로·2024년 8월 14일

1. 외부로 파일을 빼는 방법은 크게 두가지

  • link

  • import

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @import url("style.css");
    </style>
    <!-- <link rel="stylesheet" href="style.css"> -->
</head>
<body>
    <h1>page1</h1>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--<style>
        h1 {
            color: tomato;
        }
    </style>-->
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>page2</h1>
</body>
</html>
@charset "UTF-8";
h1 {
    color: purple;
}

Cache

  • cache: 자주 접근하는 데이터를 복사해 놓는 임시 저장소
  • browser cache : 서버 지연을 줄이기 위해 사용하는 웹 캐시의 일종

0개의 댓글