본문으로 바로 이동 페이지 설정으로 이동 메뉴로 이동
페이지 설정
  • 어떠한 의견도 좋습니다. 웨버스터디가 더 나은 모습이 되도록 의견을 보내주세요.

HTML 주석

최초 작성일
최종 수정일
이번 시간에는...
HTML 문서 소스 내에 메모를 넣을 수 있는 HTML 주석에 대해 알아 봅니다. HTML 주석을 통해서 보다 좋은 코딩 습관을 배워봅니다.

이번에는 주석에 대해 살펴보겠습니다.

주석은 요소가 아닙니다. 여러분의 소스의 메모를 남겨 놓는 것입니다. 때문에 주석은 웹 브라우저에서 보이지 않으며, 검색엔진이나 스크린리더 어디에서도 사용되지 않습니다.

주석은 다음과 같이 작성되며, '<!--'로 시작해서 '-->'로 끝이 납니다.

주석이 이렇게 페이지 상에서 아무런 역할이 없기 때문에, 많은 초보자 분들이 주석을 잘 쓰지 않습니다. 하지만, 주석은 중요한 코딩 습관입니다. 특히, 같이 협업해야 하는 일이라면 주석은 필수 입니다.

주석은 메모이기 때문에 소스상에서 요소의 시작이나 끝 등을 알려주는 용도로 많이 쓰입니다.

특히 div 요소와 같은 경우 레이아웃을 잡다 보면 많이 중첩이 되는데, 하단의 닫는 태그를 보다 보면 대체 어떤 태그가 어떤 div를 닫는지 알기 힘듭니다. 이럴 때 주석으로 명시해 주기도 합니다.

또한 주석은 이러한 메모의 역할만 있는 것이 아니라, 소스 일부분을 잠시 사용하지 않을 때에도 주석처리로 감추기도 합니다.

주석은 많은 페이지를 작업할 수록 유용해지니 습관을 꼭 들이시기 바랍니다.

이 글이 유용하셨다면 친구들에게 공유 해주세요.