본문 바로가기

IT.모바일

html 주석 처리 방법

by FrankUniq 2022. 12. 22.
SMALL

주석: 화면상에 구현되지 않도록 내용을 숨긴 채 작성할 수 있다. 소스 코드에서 어떤 코드를 작성했는지 설명할 때 사용하기 편리하다.

 

html 주석 방법: <!-- 주석 내용 -->

여러 줄에 걸쳐 주석 내용 기재 가능.

ex) <!--주석

주석2

주석3

-->

 

주의: 주석내용 이외에 <!--와 --> 사이 사이에는 공백이 없어야 한다.
  • <!와 -- 사이에 공백 없어야 함. ex) <! -- 주석 --> (x)
  • --와 > 사이에 공백 없어야 함. ex) <!-- 주석 -- > (x)
  • -는 양끝 2개씩만 사용해야 함. ex) <!--- 주석 ---> (x)

+) 자바스크립트에서는 //주석내용 으로 주석 처리를 할 수 있다.

 

이 문장을 드래그하여 오른쪽 마우스 클릭, 맨 아래 Inspect를 클릭하면 개발자 도구 코드 속 숨겨진 주석을 확인할 수 있다. 

티스토리 글쓰기의 기본모드를 HTML모드로 변경하여 주석을 삽입했다.

티스토리 스킨 편집에 이용하기 좋다.

댓글