[basic] HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미

목차

1. HTML 주석 예제
2. HTML 주석 정의
3. HTML 주석 구문
4. <script> 태그 안 주석 역할
5. IE 조건부 주석

HTML 주석 예제

HTML 주석 정의

HTML 주석 구문

 

<!-- 주석내용 -->

---

[주의]

<! -- 주석 내용 --> (X) (이유: "<!" 와 "--" 사이에 공백 존재.)

<!-- 주석 내용  -- > (△) (이유:  "--"와  ">" 사이에 공백 존재.)

<!--- 주석 내용 ---> (X) (이유: 주석 구분자에 2개 초과 하이픈('-') 사용.)

 

<script> 태그 안 주석 역할

 

<script type="text/javascript">
< !--
function displayMsg() {
    alert("홈짱닷컴 (Homzzang.com)")
}
//-->
< /script>

 

---

[설명]

 

1.

• <!-- //--> 코드는 기본적으로 브라우저가 HTML 주석으로 인식하는데, 브라우저에 JS엔진 내장 시, <!-- //--> 안 코드를 JS 소스로 재인식 함.
• 즉, 브라우저에 JS엔진 없어서 발생하는 에러를 사전에 방지하는 역할 함.
• 현재는, 거의 대부분 JS엔진 내장된 상태라 더 이상 사용 안 해도 됨.

 

2.

• 자바스크립트에선 //를 넣어 <!--주석 내용//-->처럼 사용함. (왜냐하면, //이 자바스크립트가 -->를 실행시키는 것을 막아 줌.)
• 일반 HTML도 주석 끝부분 명확히 표시 위해 // 넣어 사용 가능.
• 다양한 JS 주석 처리법 보기 

 

IE 조건부 주석

 

IE 브라우저에서만 해석해 실행시키는 주석.

크롬・파이어폭스 등 타 브라우저는 주석으로 인식해 실행 안 함.

자세히 보기