html 주석은 다른 프로그래밍 언어와 마찬가지의 용도이다. 간단한 내용을 작성하고 다른 사람들이 볼 때 이해할 수 있도록 한다. 주석은 웹브라우저나 프로그램이 실행 중에 표시되지 않기 때문에 장문의 내용을 작성해도 상관없다. 다만, 코드의 내용을 주석으로 간단히 표현하거나 구역을 나누어 표시하는데 사용된다. 개발자들이 어떻게 사용해도 상관없다.
html 주석 사용하기
using html comment
html을 작성하는데도 주석은 필요하다.
실제로 작업하시는 분들도 주석으로 구역을 표시하곤 하는데, 실제 서비스를 위한 경우 주석을 삭제한다.
보통 개발을 할 때 사용하는 주석의 사용은 중요하다.
구역을 나누거나 태그들의 의미 등 다른 사람들과 협업할 때 간단한 메모는 개발시간을 줄여주는 역할을 한다.
주석의 사용
html에서 주석을 사용하는 방법은 간단하다.
<!-- 주석에 들어갈 문장 --> 기호를 사용한다.
여러 줄 주석도 마찬가지다.
주석 기호를 사용하고 자신이 메모할 내용을 작성하면 그만이다.
주석 부분은 웹브라우저에 표시되지 않기 때문에 긴 문자열을 작성해도 상관없다.
<!-- 단일주석 -->
<!--
여러
줄
주석
-->
샘플코드
html 주석은 너무 간단하다.
주석기호를 사용하는 문장은 html 위치가 어디든 상관이 없다.
단지, 메모의 역할을 할 뿐이다.
<!-- HTML 문서임을 정의한다. -->
<!DOCTYPE html>
<!-- html 문서 시작 -->
<html>
<!-- 문서 정보 -->
<head>
</head>
<!-- // -->
<!-- 문서 내용 -->
<body>
<div>
<!-- 제목입니다 -->
<h2>
주석 사용
</h2>
<!-- // -->
<!-- 문서 내용 -->
<p>
<!-- 간단구분 -->
<p>이곳은 개발전용 블로그입니다.:</p>
<!--
인용구 부분
이 부분은 인용구에 대한 설명을 추가합니다.
-->
<blockquote cite="https://lngnat.tistory.com/">
지금까지 공부하고 현업에서 사용한 지식들을 버리기는 아깝고
블로그에 꾸준히 작성하고 있습니다.
실제로 한번쯤은 다뤄봤거나 또는 공부하고 있는 것들을 꾸준히
작성할 계획입니다.
</blockquote>
</p>
<!-- // -->
</div>
</body>
<!-- // -->
</html>
<!-- // -->
코드를 보면 여기저기 주석이 들어간 부분이 있다.
이 부분들이 주석이다.
위의 코드에서 <!-- // --> 부분이 있는데 신경쓰지 말자. 단지 코드 구역의 마지막을 표시하기 위한 것이다.
결과화면을 보자.
위의 코드에서 주석을 지저분하게 여기적기 넣었지만 결과화면에는 주석에 들어간 문장은 표시되지 않는다.
'programming > web' 카테고리의 다른 글
html 글자색 지정하기 css 스타일 color 사용 using html font style (0) | 2022.03.27 |
---|---|
html 배경색 지정하기 css 스타일 background-color 사용 using html style (0) | 2022.03.24 |
html 인용구 태그 종류와 사용 qutation and citation tag (0) | 2022.03.19 |
html 문자열 태그 종류와 의미 using html text formatting tag (0) | 2022.03.15 |
html5 css3 스타일 자주 사용하는 배경 글자 정렬 적용하기 using html css sytle background font align (0) | 2022.03.13 |
댓글