반응형
HTML 주석은 브라우저에 표시되지 않지만, HTML 소스 코드를 문서화하는 데 도움이 될 수 있다.
HTML 주석 태그(Comment Tag)
다음 구문을 사용하여 HTML 원본에 주석을 추가할 수 있습니다:
| <!-- Write your comments here --> |
[중요] 시작 태그에는 느낌표(!)가 있지만 끝 태그에는 없다.
주석추가(Add Comments)
| <!-- 이것은 주석입니다. --> <p>이것은 나의 첫 단락입니다.</p> <!-- 이곳에도 추가적으로 주석을 추가할 수 있습니다. --> |
내용 감추기
주석을 사용하여 내용을 숨길 수 있다.
이 기능은 콘텐츠를 일시적으로 숨길 때 유용하다:
| <!DOCTYPE html> <html> <body> <p>이것은 단락이다.</p> <!-- <p>이것은 단락이다 </p> --> <p>또한 이것도 단락이다.</p> </body> </html> |
둘 이상의 줄을 숨길 수도 있다.
<!-->와 --> 사이의 모든 내용은 디스플레이에서 숨겨진다.
| <!DOCTYPE html> <html> <body> <p>이것은 단락이다.</p> <!-- <p>아래 그림을 보아요:</p> <img border="0" src="pic_trulli.jpg" alt="트룰리"> --> <p>또한 이것은 단락이다.</p> </body> </html> |
주석은 한 번에 하나씩 HTML 코드 행을 주석 처리하여 오류를 검색할 수 있기 때문에 HTML 디버깅에도 유용하다.
인라인 내용 감추기
주석을 사용하여 HTML 코드 중간에 있는 부분을 숨길 수 있다.
| <!DOCTYPE html> <html> <body> <p>이것은 <!-- 위대한 글자 --> 단락이다.</p> </body> </html> |
지금까지 HTML 주석에 대해서 살펴보았다.
꼭 손으로 눈으로 머리로 익히며 실습하기를 바란다.
모두 화이팅입니다.!!!
출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다.
반응형
'HTML > HTML 기본문법' 카테고리의 다른 글
| HTML RGB와 RGBA 색상 (0) | 2023.04.22 |
|---|---|
| HTML 색상(HTML color) (0) | 2023.04.21 |
| HTML 인용(Quotation)과 인용요소(Citation Elements) (0) | 2023.04.19 |
| HTML 글자 형식(HTML Text Formatting) (0) | 2023.04.17 |
| HTML 스타일(Styles) (0) | 2023.04.16 |
댓글