[HTML] 주석(Comment)

2022. 9. 16. 03:02·Language/HTML
728x90

주석(Comment)

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

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

 

HTML에서 주석을 표현하는 방법

<!-- 주석내용 -->

HTML 주석의 시작 태그(<!--)에는 느낌표(!)가 있지만 종료 태그(-->)에는 느낌표가 없다.

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

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

HTML 주석은 절대 웹 페이지에 나타나지 않는다.

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

소스는 마우스 오른쪽을 누른 후 소스 보기를 통해서, 크롬과 파이어폭스에서는 F12 버튼으로 HTML 코드를 확인할 수 있다.

중첩 주석

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

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

HTML 주석 안에 또 다른 주석을 삽입하면, 삽입한 주석의 종료 태그(-->)를 첫 번째 주석이 자신의 종료 태그로 인식하게 된다. 따라서 삽입한 주석의 종료 태그 다음부터 첫 번째 주석의 종료 태그까지의 모든 내용이 그대로 웹 페이지에 노출된다. 그러므로 HTML 주석은 절대로 중첩해서 사용해서는 안 된다.

'Language > HTML' 카테고리의 다른 글

[HTML] 문자셋(Character set)  (0) 2022.09.16
[HTML] 엔티티(Entity)  (0) 2022.09.16
[HTML] 인용구(Quotation)  (0) 2022.09.16
[HTML] 서식(Formatting)  (0) 2022.09.16
[HTML] 단락(Paragraph)  (0) 2022.09.16
'Language/HTML' 카테고리의 다른 글
  • [HTML] 문자셋(Character set)
  • [HTML] 엔티티(Entity)
  • [HTML] 인용구(Quotation)
  • [HTML] 서식(Formatting)
arajo
arajo
  • arajo
    아라 메모장
    arajo
  • 전체
    오늘
    어제
    • 분류 전체보기 (509)
      • Language (298)
        • HTML (55)
        • CSS (11)
        • JavaScript (70)
        • TypeScript (8)
        • Python (33)
        • Java (119)
        • C (0)
        • C# (2)
      • Programming (92)
        • Programming (14)
        • Web (51)
        • Apache (1)
        • MySQL (23)
        • AWS (3)
      • Framework | Library (26)
        • Framework | Library (3)
        • Vue.js (2)
        • React.js (5)
        • React Native (4)
        • Node.js (1)
        • Ajax (1)
        • Bootstrap (8)
        • Spring (1)
        • Flutter (1)
      • etc (2)
      • 휴식 (19)
        • 책 (13)
        • 일기 (5)
        • 게임 일기 (1)
      • A (71)
        • 공부 (18)
        • 기타 (6)
        • 일 (47)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    CSS
    Python
    Java
    변수
    객체
    파이썬
    자바스크립트
    리액트
    제어문
    HTML
    next.js
    TypeScript
    web
    타입스크립트
    MySQL
    JavaScript
    event
    react
    object
    array
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
arajo
[HTML] 주석(Comment)
상단으로

티스토리툴바