조건부 주석(Conditional Comments)이란?
HTML의 조건부 주석은 마이크로소프트 인터넷 익스플로러(Internet Explorer)만을 대상으로 하는 특수한 주석 형식입니다. 일반 주석 문법에 조건문을 추가한 것으로, 인터넷 익스플로러 5부터 지원되었습니다.
조건부 주석을 인식하지 못하는 다른 브라우저들은 이를 단순히 일반적인 주석으로 간주하고 무시합니다. 따라서 특정 버전의 인터넷 익스플로러에만 적용하고 싶은 CSS나 JavaScript 코드를 안전하게 삽입할 수 있습니다.
참고로 조건부 주석은 인터넷 익스플로러 9까지 지원되었으며, IE10 이상 버전과 마이크로소프트 엣지(Edge) 브라우저에서는 더 이상 동작하지 않습니다. 현재는 구형 브라우저와의 호환성을 처리해야 하는 경우에 한해 사용됩니다.
조건부 주석 작성 예제
다음 코드를 직접 실행하면 HTML에서 조건부 주석을 추가하는 방법을 쉽게 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML Conditional Comments</title> <!--[if IE 9]> Special instructions for IE 9 here <![endif]--> </head> <body> <p>This is demo content.</p> </body> </html>
코드 설명
위 예제에서 <!--[if IE 9]>부터 <![endif]-->까지의 내용은 오직 인터넷 익스플로러 9에서만 해석되어 실행됩니다. 그 사이에 작성된 코드는 IE9 사용자에게만 적용되며, 다른 모든 브라우저와 다른 버전의 인터넷 익스플로러는 해당 부분을 일반 주석처럼 무시합니다.
이러한 특성 덕분에 특정 브라우저 버전에서만 발생하는 레이아웃 깨짐 현상을 보완하거나, 구형 브라우저 전용 스타일시트를 불러올 때 조건부 주석이 유용하게 활용됩니다.