Saturday, January 13, 2007
HTML] 주석문 주석 기호, 웹페이지 소스 코드에 설명 붙이기; Comment Remark
HTML 소스 코드에서는
이런 기호로 주석 즉 설명문을 붙일 수 있습니다. "부등호+느낌표+마이너스2개"로 시작하여, "마이너스2개+부등호"로 끝납니다.
그렇지만 CSS나 자바스크립트 영역에서는 다른 주석 기호를 사용합니다. 다음 예제와 같습니다.
파일명: test.html
※ 아래 박스 클릭 후, 키보드 화살표 키로 좌우 스크롤 가능함
참고로,
<!-- -->
이런 HTML 주석 속에는, < 또는 > 또는 -- 이런 기호는 없는 것이 좋습니다. 중복된 주석으로 오인되어 오작동할 수 있기 때문입니다.
CSS 주석: ▶▶ HTML] CSS 주석문 주석 기호, 스타일 시트에 설명 붙이기; Comment Remark
자바스크립트 주석: ▶▶ HTML] 자바스크립트 주석문 주석 기호, 코드에 설명 붙이기; JavaScript Comment Remark
<!-- -->
이런 기호로 주석 즉 설명문을 붙일 수 있습니다. "부등호+느낌표+마이너스2개"로 시작하여, "마이너스2개+부등호"로 끝납니다.
그렇지만 CSS나 자바스크립트 영역에서는 다른 주석 기호를 사용합니다. 다음 예제와 같습니다.
HTML/HTM 소스 파일 주석(코드 설명문;Comment)/블록 코멘트 붙이기 예제
파일명: test.html
※ 아래 박스 클릭 후, 키보드 화살표 키로 좌우 스크롤 가능함
<html>
<head>
<style type="text/css">
.test-code { font-family:'궁서'} /* CSS 스타일 시트의 주석문(설명문) */
</style>
<script type="text/javascript">
/*
자바 스크립트의
블록코멘트입니다.
*/
document.write('ABC' + '<br />'); // 자바스크립트의 한 줄짜리 설명문
</script>
</head>
<body>
<!--
이곳은 HTML 주석문입니다.
그래서 이 부분의 문장들은 브라우저에 출력되지 않습니다.
이렇게 블록 코멘트로서 사용할 수도 있습니다.
그러나 코멘트 속에 또 코멘트가 중첩되어 있으면 안됩니다.
-->
본문 텍스트
<div class="test-code">본문 텍스트</div> <!-- HTML 주석문 -->
</body>
</html>
<head>
<style type="text/css">
.test-code { font-family:'궁서'} /* CSS 스타일 시트의 주석문(설명문) */
</style>
<script type="text/javascript">
/*
자바 스크립트의
블록코멘트입니다.
*/
document.write('ABC' + '<br />'); // 자바스크립트의 한 줄짜리 설명문
</script>
</head>
<body>
<!--
이곳은 HTML 주석문입니다.
그래서 이 부분의 문장들은 브라우저에 출력되지 않습니다.
이렇게 블록 코멘트로서 사용할 수도 있습니다.
그러나 코멘트 속에 또 코멘트가 중첩되어 있으면 안됩니다.
-->
본문 텍스트
<div class="test-code">본문 텍스트</div> <!-- HTML 주석문 -->
</body>
</html>
참고로,
<!-- -->
이런 HTML 주석 속에는, < 또는 > 또는 -- 이런 기호는 없는 것이 좋습니다. 중복된 주석으로 오인되어 오작동할 수 있기 때문입니다.
CSS 주석: ▶▶ HTML] CSS 주석문 주석 기호, 스타일 시트에 설명 붙이기; Comment Remark
자바스크립트 주석: ▶▶ HTML] 자바스크립트 주석문 주석 기호, 코드에 설명 붙이기; JavaScript Comment Remark
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home