본문 바로가기

HTML

html 11. 주석


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 코드 줄을 하나씩 주석 처리하여 오류를 찾을 수 있기 때문이다.

 


인라인 콘텐츠 숨기기

주석을 사용하면 HTML 코드 중간의 일부를 숨길 수 있다 .

단락의 일부를 숨기기:

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

 

'HTML' 카테고리의 다른 글

html 10. 인용문  (0) 2026.05.25
html 9. 서식  (0) 2026.05.25
html 8. 스타일  (0) 2026.05.25
html 7. 단락, 줄바꿈 차이 <p></p> or <br>  (0) 2026.05.25
html 6. 제목  (0) 2026.05.25