HTML에서 숨겨진 주석(comment)을 만들려면 <!-- 태그로 시작하고 -->로 닫아주면 됩니다. 이 두 기호 사이에 들어간 내용은 모두 숨겨지며, 브라우저 화면에는 전혀 표시되지 않습니다.
이러한 주석은 나중에 다시 코드를 확인해야 하는 개발자에게 특히 유용합니다. 복잡한 코드 속에서도 각 부분의 역할이나 의도를 쉽게 파악할 수 있도록 도와주기 때문입니다.
주석은 일종의 '스스로에게 남기는 메모'라고 생각할 수 있습니다. 동시에 특정 HTML 코드를 감추는 역할도 하기 때문에, 임시로 실행을 막고 싶은 코드를 주석 처리하면 브라우저가 해당 부분을 렌더링하지 않습니다.
기본 문법
<!-- 여기에 작성한 내용은 브라우저에 표시되지 않습니다 -->
예제
아래 코드를 직접 실행해 보면서 HTML 숨겨진 주석이 실제로 어떻게 작동하는지 확인해 보세요.
<!DOCTYPE html>
<html>
<head>
<title>HTML Comments</title>
</head>
<body>
<!-- 이것은 주석입니다. -->
<p>
<!-- 이것은 주석입니다. -->
This is demo text.
</p>
</body>
</html>위 예제를 실행하면 <p> 태그 안의 "This is demo text." 문장만 화면에 출력되고, 두 곳에 작성된 주석은 아무곳에도 나타나지 않는 것을 확인할 수 있습니다.