본문 바로가기
프로그래밍/HTML

HTML 주석 처리 알아보기 : <!-- 넣고 싶은 문장-->

by 유진리 2021. 12. 30.
반응형

오늘은 HTML에서 주석을 넣는 방법에 대해서 알아보겠습니다. 

티스토리 블로그를 운영하실 때 HTML을 쓰실 일이 많으실 텐데요, HTML칸에 각종 코드나 태그를 넣어놓고 나중에 다시 찾아보면 그게 무슨 태그인지, 뭐에 관한 코드인지 했갈릴 일이 많습니다. 이럴 때 사용하실 수 있는 태그가 바로 주석 태그입니다.

 


우선 어떻게 주석문을 처리하는지부터 살펴보겠습니다! 기본 양식은 <!-- 넣고 싶은 문장 -->가 되겠습니다. 

알기 쉽게 예를 들어 보겠습니다.

사진1

 위 사진의 15번째 라인  meta name="naver-site-verification" 이하는 네이버 검색 태그입니다. 그런데 이러한 상태로는 정확히 이게 무슨 역할을 하는 태그인지 한눈에 알아보기가 어렵고 다른 태그들과 헷갈릴 수가 있습니다.

 

사진1

이때 위와 같이 해당 태그 위에 <!-- 네이버 검색 태그 -->라는 주석문을 첨가해 주면 아래 태그가 무슨 역할을 하는 태그인지 알기가 보다 쉬워집니다 :) 

또한 주석 태그의 두 번째 사용처로는 나중에 사용할 태그를 임시로 저장할 때 사용하실 수 있습니다. 예를 들면, 구글 애드센스 코드를 html내에 삽입했다고 합시다. 어쩌다 보니 이 코드를 지금을 안 쓰게 됐지만 나중에 쓸 때를 대비해 일단 html창 내에 임시로 보관하고 싶습니다. 이럴 때 이 태그를 <!-- 임시로 저장할 태그 --> 의 형식으로 저장해 두시면 나중에는 앞의 <!--, 뒤의 --> 부분만 떼내서 바로 해당 태그를 사용하실 수 있습니다.

주석으로 둘러싼 부분은 html창에서 남아는 있지만 코드의 실행에는 아무런 영향을 주지 않습니다. 이러한 주석의 기능은 파이썬에서도 동일하게 사용하실 수 있습니다. 파이썬에서 주석문을 처리하는 방법은 다음 포스팅에서 다루어 보겠습니다 :) 

 

 

반응형

댓글