06.주석

주석이란 코드를 작성할때 알아보기 쉽게 하기위해서 작성하는 메모 같은 역활을 한다.

작성 방법은

<!-- **** --> 이고 * 부분에 원하는 내용을 넣으면된다 (vs코드의 경우 (mac = cmd+/)(window = ctrl+/)을 입력 하면 된다)

예를 들어

1번
<!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>HOLA💃</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
</head>
  2번
<!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>HOLA💃</title>
    <!-- CSS -->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/header.css">
    <!-- GOOGLEFONT -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
    <!-- AOS -->
    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
</head>

1번보다 2번이 한눈에 어디에 뭐가있는지 알아보기 쉽다.
이처럼 주석을 달면 한눈에 알아보기 쉽고 오류가 발생하거나 변경하고싶은 부분이 있다면 쉽게 찾아서 변경할수있다.

단 하나하나 주석을 달다보면 문서의 길이가 너무 길어지고 무거워질수 있으니 주요부분에 다는것을 추천한다.

좋은 웹페이지 즐겨찾기