[HTML] 주석 달기 (Comment)

HTML 파일의 코드가 길어지면 도대체 이 코드들이 무슨 말을 하는 건지 알아보기가 힘들다.

그래서, HTML은 브라우저가 알아보는 언어이지, 인간이 쉽게 알아보기 위한 언어는 아니기 때문이다.

그래서, HTML 문서 안에 인간이 알아보기 위한 언어를 추가 할 수 있다.

당연히 이 언어는 브라우저는 알아보지 못해야 하고, 

웹 브라우저에 표시 되어서도 안된다.

이를 보통 '주석을 단다'고 한다.

HTML 주석(Comment) 달기 

<!-- -->

HTML 내에서는 '<!--' 과 '-->' 태그 사이에 주석을 삽입할 수 있다. 

이 태그 사이의 말들을 브라우저는 해석하지 않는다.

아래는 웹 브라우저에서 html 파일을 작성하고, 바로바로 확인 할 수 있는 도구이다.

아래 코드에서 주석을 삭제하면 어떻게 되는지 확인해 보자.

See the Pen 주석2 by anna (@hianna) on CodePen.

위와 같이, 주석을 달아서 html 코드를 인간이 해석하는데 도움을 줄 수도 있고,

아래와 같이, 필요없는 코드를 주석 안에 집어 넣어서

그 부분의 코드를 브라우저가 해석하지 못하게 할 수도 있다.

See the Pen 주석 by anna (@hianna) on CodePen.

위의 코드에서 보면 <h3></h3> 태그가 브라우저에서 실행되지 않는 것을 볼 수 있다.

주석을 태그를 지우면 다시 브라우저는 <h3></h3> 태그를 인식하고 해석하여

내용을 브라우저에 보여줄 것이다.