HTML のコメントは

<!-- comment -->

のように、<!-- で始まり、--> で終わるのですが「コメントに連続したハイフンは含んではいけない」というルールがあります。HTML2.0 では許されていましたが、HTML4.0 では許されていません。

<!-- comment-------->
と書いても正しくはコメントとはなりません。IE だと IE6 or IE7 でもコメントと認識するようですが、Firefox ではコメント扱いしてくれません。HTML エディタとして使っている Coda でも同様でした。（まあ、当然なのですが）上のようなコメントは閉じていないコメントとなり、それ以降が表示されなくなります。

もっと困るのは下のような場合、
<!-- comment------>
hoge
<!-- comment end ------>

IE だと hoge は表示されるが、Firefox だと最初のコメントから2つ目のコメントの終わりの --> をコメントの終わりと解釈して hoge は表示されない。

また、XHTML ではコメントは以下のように定義されています。
Comment ::= '<!--' ((Char - '-') | ('-' (Char - '-')))* '-->'

ということで正しいコメントを使いましょう。

3.2.4 Comments

HTML comments have the following syntax:

<!-- this is a comment -->
<!-- and so is this one,
which occupies more than one line -->

White space is not permitted between the markup declaration open delimiter(“<!”) and the comment open delimiter (“--“), but is permitted between the comment close delimiter (“--“) and the markup declaration close delimiter (“<”). A common error is to include a string of hyphens (“---“) within a comment. Authors should avoid putting two or more adjacent hyphens inside comments.

Information that appears between comments has no special meaning (e.g., character references are not interpreted as such).

Note that comments are markup.

On SGML and HTML

関連する投稿