Html 주석 에러

Html에서는 주석 기호로 ''를 사용한다.

그런데 좀 더 알아보기 쉽게 하기 위해서 ''와 같은 식으로 대시 기호(-)를 2개 이상 연달아 사용하기도 한다.

위와 같이 하는 경우 Microsoft IE에서는 괜찮지만, Mozilla Firefox에서는 대시 기호 개수에 따라 Html 파싱 에러가 발생하여 화면이 깨져 보일 수도 있다.

해결책

양쪽 브라우저에서 안전하게 주석을 달기 위해서는 '' 와 같이 표준대로 대시 기호를 각 2개씩만 사용하거나, 주석 사이에는 대시 기호가 아닌 다른 기호를 다음과 같이 사용하는 것이 좋겠다.

<!-- ### 주석 내용 ### -->

테스트 브라우저

- Microsoft IE 7.0
- Mozilla Firefox 3.0.4

* 윗글은 블로그 주소 이전으로 인해 옮겨진 포스트이며 예전에 테스트한 내용이다.

최근 테스트

Html 주석을 현재(2015-04-22) 최신 브라우저로 다시 테스트해 본 결과, 아무런 문제도 발생하지 않았다. 테스트한 내용과 웹 브라우저는 다음과 같다.

<html>
<head></head>
<body>

<div>
<!--------- 나주석 --------->
</div>

<!--
<div><font>--</font></div>
-->

<!-- 김주석 -- -- 이주석 -->

</body>
</html>

- Microsoft IE 11.0
- Mozilla Firefox 37.0.2
- Google Chrome 42.0
- Opera 28.0

코랩's 코드 조각