HTML 기초 정리 (2) - 주석 처리

 

HTML 주석은 브라우저에 표시되지 않지만, HTML 소스 코드를 문서화하는 데 도움이 될 수 있습니다.

HTML 주석 태그
다음 구문을 사용하여 HTML 소스에 주석을 추가할 수 있습니다.

 

<!-- Write your comments here -->

시작 태그에는 느낌표(!)가 있지만, 끝 태그에는 느낌표가 없다는 점에 유의하세요.
주석은 브라우저에 표시되지 않지만, HTML 소스 코드를 문서화하는 데 도움이 될 수 있습니다.

 

 

댓글 추가
주석을 사용하면 HTML 코드에 알림과 미리알림을 넣을 수 있습니다.

예
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Remember to add more information here -->

 

 

내용 숨기기
댓글을 사용하여 내용을 숨길 수 있습니다.
일시적으로 콘텐츠를 숨기는 경우 이 기능이 유용할 수 있습니다.

예
<p>This is a paragraph.</p>
<!-- <p>This is another paragraph </p> -->
<p>This is a paragraph too.</p>

 

 

또한 여러 줄을 숨길 수도 있습니다. 와 사이의 모든 것이 <!--디스플레이 --> 에서 숨겨집니다.

예

HTML 코드의 일부 숨기기:

<p>This is a paragraph.</p>
<!--
<p>Look at this cool image:</p><img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>This is a paragraph too.</p>

 

 

주석은 HTML 디버깅에도 유용합니다. 

HTML 코드 줄을 하나씩 주석으로 처리하여 오류를 검색할 수 있기 때문입니다.