html 주석 / css 주석 처리

html 주석 css 주석 처리


■ 주석이란 프로그램 소스의 내용들을 나중에 알아보기 쉽게 소스 사이사이에 설명글을 붙여 놓는 거라 생각하면 되는데요. 이런 기능의 주석은 나중에 본인이 소스를 볼 때도 편하고 다른 사람이 html 소스를 열어봤을 때 페이지의 내용을 쉽게 이해할 수 있도록 하는 기능을 하는데요. 어떤 프로그램이건 코딩할 때 주석입력은 필수라고 해도 과언이 아닐 겁니다. 


■ 이런 주석은 순전히 사람만을 위한 글이기 컴퓨터의 웹 브라우저는 인식할 필요도 없고, 출력하지도 않습니다. html과 css가 주석을 처리하는 방식은 약간 다른데요. 그 형식을 하나씩 살펴볼게요. 먼저 html의 주석은 <!-- 설명글 --> 의 형식입니다. css의 주석은  /*설명글*/ 입니다. 두 형식을 생각하면서 예제를 만들어 볼게요. 

■ 예제처럼 특정 문장(설명글)을 입력하고 html 주석의 형식에 맞게 처리를 했습니다. 


■ 주석처리 한 부분은 당연히 출력이 안 됩니다. 


 다음은 css에 주석 처리를 해보고 마무리하겠습니다. 

■ <head> 태그 사이에 스타일 태그를 삽입해서 간단하게 단락의 글자색만 바꿔봤는데요. css의 주석 형식에 맞게 주석 처리를 했습니다. 


■ 당연히 스타일만 적용되고 주석 처리 한 설명글은 소스에 어떠한 영향도 미치지 않는 걸 확인할 수 있습니다. 아직 주석 처리 하는 거에 익숙하지 않으신 분들은 꼭 익숙해지도록 해보세요.^^ 수고하셨어요.