[HTML] 11. HTML 코멘트
이전 글:
2020/03/12 - [HTML and CSS] - [HTML] 10. HTML 인용과 인용구
2020/03/12 - [HTML and CSS] - [HTML] 9. HTML 텍스트 서식 설정
코드를 작성하다 보면 이런 생각이 들 수 있다.
"내가 작성한 코드 나중에 못 알아보면 어떡하지?"
혹은
"아 이거 누군가한테 주려고 작성한 것인데 너무 복잡한데?"
라는 생각 말이다.
이럴 때 쓸수 있는 것이 <HTML 코멘트 tag>이다.
이번 장은 꽤 짧게 끝날지도 모르겠다.
코멘트를 사용하는 방법은 크게 복잡하지 않다.
당신의 HTML 소스에 다음과 같은 방법을 사용하여 코멘트를 넣을 수 있다.
<!-- Write your comments here -->tag 앞 쪽은 "<!"로 시작하고 뒤 쪽에서는 ">"만 쓰인다는 것을 기억하자.
코멘트는 브라우저에 절대 나타나지 않는다.
다만 당신의 HTML 소스 코드를 작성하는데 도움을 줄 뿐이다.
코멘트를 사용함으로써 당신의 HTML에 노트를 작성할 수 있다.
<!DOCTYPE html>
<html>
<body>
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Comments are not displayed in the browser -->
</body>
</html>
코멘트는 또한 HTML 코드를 디버깅할 때 사용된다.
왜냐하면, 당신이 잘못된 코드를 찾기 위해 특정 구간을 코멘트로 처리할 수 있기 때문이다.
바로 다음과 같이 말이다.
<!DOCTYPE html>
<html>
<body>
<!-- Do not display this at the moment
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
</body>
</html>
만약 당신이 코멘트 없이 코드를 작성하다 보면,
항상 제대로 작동하는 코드만 작성해야하기 때문에 힘이 들 수도 있다.
코멘트를 습관화하여 코드 내용을 알차게 만들어보자.
이번 장에서는 코멘트를 배웠다.
사실상 코멘트까지 배웠으면 이제 기본적인 HTML 사이트는 만들 수 있다.
이후 장부터는 조금 더 난이도 있는 내용들을 다룰 것이다.
앞으로 배울 내용들은 당신의 웹사이트를 더 직관적이고, 더 세련되게 보이게 도와줄 것이다.