📱신학기 SALE WEEK 애플~24% ➔ X

html,css,script 주석처리로 실행 안되게 하는 방법

블로그 꾸미다가 어떤 소스는 지금은 필요가 없지만 나중에 볼 일이 있을까 봐 지우고 싶지는 않을 수 있다. html, css, java script 에서 주석 처리로 특정 부분이 실행이 안되게 하는 임치 처리하는 방법이다.

목차에서 핵심만 빠르게 보기

HTML

티스토리의 skin.html 과 같은 html언어에서는 각 명령어가 <> 태그 형태로 시작해서 </> 이렇게 닫으면서 끝난다.

html 소스 중에 특정 영역을 주석 처리하려면 <!— —> 괄호를 사용하면 된다. 이 괄호는 원래 주석을 다는 용으로 쓰이는 건데 태그 부분을 감싸면 그 영역을 실행하지 않도록 하는 기능도 있다.

<!--- 광고가 표시되는 부분 디자인 --->

원래 이렇게 이 소스가 무슨 역할인지 알아보기 쉽게 하려고 쓰는 것이 주석이다.

<!--- 광고 고정되는 소스 지금은 미사용
(코드 내용, 여러줄)
--->

이런 식으로 감싸 놓으면 괄호 안으로 들어간 코드들은 전부 정지된다. 실행하는 명령어가 아니라 주석이니까 메모해놓은 텍스트로 인식되는 것이다.

자바스크립트

html 속에 있는 자바 스크립트는 <script> ~ </script> 하나의 태그 명령어처럼 쓰이는데, 그 안에 있는 실제 코딩 내용 중에서 일부를 주석처리 하고 싶다면 어떻게 할까.

자바스크립트에서는 슬래쉬를 두 번 사용해서 주석을 쓴다.

// 블로그 프로필 이미지가 바뀌는 소스
var i = 0 ; // 변수에 값을 지정하는 부분

이런 식으로 한 줄을 아예 주석으로 메모하거나, 아니면 특정 명령줄 옆에 코멘트를 달듯이 주석을 추가한다.

html에서처럼 여러 줄을 미사용하게 만들고 싶으면 /* ~ */ 사이에 감싸면 된다.

/*
(자바스크림트 명령어 여러줄)
*/

이렇게 해주면 중간에 들어간 명령어들은 실행되지 않는다. html 속에 들어가는 자바스크립트라면 위에 얘기한 것처럼 <script> 부분을 포함해서 더 바깥쪽을 주석으로 싸주면 된다.

CSS

css 에서는 /* ~ */ 사이에 주석 코멘트를 추가한다.

position : sticky;
top : 0; /* 상단 0에 고정하는 위치 설정 */

이런 식으로 주석을 표시하는데, 자바스크립트와 마찬가지로 /* ~ */ 사이에 명령줄들을 넣어서 싸주면 그 사이에 있는 것들은 실행되지 않는다.

0 0 투표
Article Rating

0 Comments
Inline Feedbacks
댓글 모두 보기