html 주석(comment)

html 주석(comment)

주석(comment)이란 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅을 위해 작성한 구문을 의미합니다. 

이러한 주석은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않습니다.

HTML에서 주석을 표현하는 방법은 다음과 같습니다.

<!-- 주석 내용 -->

이러한 주석은 HTML 코드의 어느 부분에서라도 사용할 수 있습니다.

또한, 여러 줄에 걸쳐 주석을 작성해도 정확히 인식할 것입니다.

<!-- 작성자 : 홍길동 -->
 
<p>이 부분은 조금 어려운 코드입니다.</p>
 
<!-- 

    위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다.

-->

위의 예제처럼 HTML 주석은 절대 웹 페이지에 나타나지 않습니다.

HTML 코드에 삽입된 주석을 읽고 싶다면, 웹 브라우저의 페이지 소스 보기 등을 통해서 확인할 수 있습니다.

중첩 주석

HTML 주석은 HTML 코드의 어느 부분에서라도 사용할 수 있습니다.

하지만 HTML 주석 안에 또 다른 주석을 작성할 수는 없습니다.

 

다음 예제는 HTML 주석 안에 또 다른 주석을 삽입하는 예제입니다.

<p>이 부분은 조금 어려운 코드입니다.</p>
 
<!-- 
    <!-- 주석 안에 또 다른 주석을 삽입했습니다. -->
    위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다.
-->

위의 예제처럼 HTML 주석 안에 또 다른 주석을 삽입하면, 삽입한 주석의 종료 태그(-->)를 첫 번째 주석이 자신의 종료 태그로 인식하게 됩니다.

따라서 삽입한 주석의 종료 태그 다음부터 첫 번째 주석의 종료 태그까지의 모든 내용이 그대로 웹 페이지에 노출됩니다.

그러므로 HTML 주석은 절대로 중첩해서 사용해서는 안 됩니다.

---

1. [홈페이지만들기/Html_css&css3] - CSS 글꼴 Font 속성
2. [홈페이지만들기/워드프레스] - Mang Board 워드프레스 플러그인 망고보드 갤러리 게시판 카다로그
3. [홈페이지만들기/워드프레스] - 워드프레스 이미지 겔러리 플러그인 추천 Image Photo Gallery Final Tiles Grid
4. [홈페이지만들기/Javascript 자바스크립트] - Javascript 자바스크립트 및 프론트엔드 Front-end web programming 웹 개발
5. [홈페이지만들기] - 무료호스팅 리스트
6. [홈페이지만들기/워드프레스] - KBoard(케이보드) 워드프레스 플러그인 - 코스모스팜
7. [홈페이지만들기/Html_css&css3] - Html5 표현태그 텍스트서식태그