..

Search

9) 주석

주석


주석(Comment)

주석(comment)이란 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅을 위해 작성한 구문을 의미합니다.

이러한 주석은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않습니다.

 

HTML에서 주석을 표현하는 방법은 다음과 같습니다.

문법

<!-- 주석내용 -->

 

HTML 주석의 시작 태그(<!--)에는 느낌표(!)가 있지만 종료 태그(-->)에는 느낌표가 없습니다.

이러한 주석은 HTML 코드의 어느 부분에서라도 사용할 수 있습니다.

또한, 여러 줄에 걸쳐 주석을 작성해도 정확히 인식할 것입니다.

예제

<!-- 작성자 : 홍길동 -->

<p>이 부분은 조금 어려운 코드입니다.</p>

<!--

    위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다.

-->

코딩연습 ▶

 

위의 예제처럼 HTML 주석은 절대 웹 페이지에 나타나지 않습니다.

HTML 코드에 삽입된 주석을 읽고 싶다면, 웹 브라우저의 페이지 소스 보기 등을 통해서 확인할 수 있습니다.

 

익스플로러는 마우스 오른쪽을 누른 후 소스 보기를 통해서, 크롬과 파이어폭스에서는 F12 버튼으로 HTML 코드를 확인할 수 있습니다.

중첩 주석

HTML 주석은 HTML 코드의 어느 부분에서라도 사용할 수 있습니다.

하지만 HTML 주석 안에 또 다른 주석을 작성할 수는 없습니다.

 

다음 예제는 HTML 주석 안에 또 다른 주석을 삽입하는 예제입니다.

예제

<p>이 부분은 조금 어려운 코드입니다.</p>

<!--

    <!-- 주석 안에 또 다른 주석을 삽입했습니다. -->

    위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다.

-->

코딩연습 ▶

 

위의 예제처럼 HTML 주석 안에 또 다른 주석을 삽입하면, 삽입한 주석의 종료 태그(-->)를 첫 번째 주석이 자신의 종료 태그로 인식하게 됩니다.

따라서 삽입한 주석의 종료 태그 다음부터 첫 번째 주석의 종료 태그까지의 모든 내용이 그대로 웹 페이지에 노출됩니다.

 

그러므로 HTML 주석은 절대로 중첩해서 사용해서는 안 됩니다.


연습문제