브라우저에 표시되지 않는 설명을 코드에 남깁니다.
주석은 개발자에게 구조의 의도나 임시 메모를 전달합니다. 렌더링되지는 않지만 페이지 소스에는 남으므로 비밀번호나 개인정보를 적어서는 안 됩니다.
주석은 <!--로 열고 -->로 닫으며, 그 사이의 글자는 태그처럼 생겨도 요소로 해석되지 않습니다. 두 번째 주석 안의 button이 화면에 없는 것도 그 마크업이 주석 노드 속 문자열로만 남기 때문입니다. 결과적으로 화면에는 h1과 p만 그려집니다.
주석은 중첩할 수 없습니다. 주석 안에 다른 주석을 넣으면 안쪽의 첫 -->에서 바깥 주석까지 끝나 버리고, 남은 부분이 화면에 글자로 드러납니다. 주석은 DOM에 Comment 노드로 남아 있어서 페이지 스크립트도 그 내용을 읽을 수 있습니다.
주석 안에 민감한 값이나 오래된 코드를 대량으로 방치하지 마세요.
직접 바꿔보세요숨겨진 button 주석을 풀어 화면에 나타나게 해보세요.