목차
HTML 주석 예제 HTML 주석 정의 HTML 주석 구문 <script> 태그 안 주석 역할 IE 조건부 주석
HTML 주석 예제
<!-- 홈짱닷컴 소개 시작 -->
<p> 홈짱닷컴 (homzzang.com)</p>
<p> 홈페이지 무료 제작 강의 카페 </p>
<p> html css java 등 무료 강의 </p>
<!-- 홈짱닷컴 소개 종료 -->
HTML 주석 정의
소스 코드가 뭐에 관련된 내용인지 설명할 때 사용하거나, 특정 소스를 브라우저에 실행시켜 보이고 싶지 않을 때 사용.
1. 특정 소스의 시작과 끝을 표시할 때 설명을 넣어 사용하면 수정 편집할 때 굉장히 편리.
2. 브라우저엔 보이지 않지만, 소스 보기를 하면 주석 내용이 보임.
3.
너무 많은 주석은 유령 문자 버그 생성하니 주의 !!
전역속성 ・ 이벤트속성 지원 X
※ 전역 속성 (Global Attributes) :
HTML 요소들 안에서 공통 사용 가능 속성
※ 이벤트 속성 (Event Attributes) :
문서 객체의 속성 중 on으로 시작하는 속성
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 브라우저에서만 해석해 실행시키는 주석.
크롬・파이어폭스 등 타 브라우저는 주석으로 인식해 실행 안 함.
최신댓글