HTML Comments

What is HTML Comments?

HTML Comments 는 브라우저 안에 표시되지 않는다. 하지만 Comments는 문서의 HTML코드를 해석하는데 도움을 준다.
HTML Comments 는 다음과 같은 형식으로 HTML 소스와 함께 적는다.

<!-- Write your comments here -->

시작 태그에 ! 가 있지만 끝태그에는 ! 가 없다.
Comments는 브라우저에 표현되지 않고 문서의 HTML 코드를 해석하는데 도움을 준다.

Add Comments?

HTML 코드에서 알림 및 알림을 설정할 수 있다.

<!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->

화면에는 p태그로 둘러싸인 부분만 보이게 되며, 주석으로 표현된 부분은 코드에서만 확인이 가능하다.

Hide Content?

Comments은 내용을 보이지 않도록 설정한다.
내용을 일시적으로 숨길 때 유용하게 사용될 수 있다.

<p>This is a paragraph.</p>

<!-- <p>This is another paragraph </p> -->

<p>This is a paragraph too.</p>

위를 실행하면 This is another paragraph는 화면에 표시되지 않는다.
또한, 한 줄 이상의 내용을 숨길 수도 있다. 숨기고 싶은 모든 내용을 사이에 적으면 화면에 표시되지 않는다.

<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>

Comments는 HTML을 디버깅(소스코드에서 잘못된 부분을 찾아 고치는 것) 할 때에 유용하다.
왜냐하면, 한번에 하나씩 HTML코드를 주석처리하며 오류를 검색할 수 있기 때문이다.

Hide Inline Content?

Comments는 HTML코드의 중간 부분을 숨길 수도 있다.

<p>This <!-- great text --> is a paragraph.</p>

위에 코드를 실행하면 great text가 생략된 This is a paragraph.이 출력된다.