以下のようなクリックしたら、
背景色が変わるスクリプトを記載したのですが動きません。

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test</title>
  </head>
  <body onclick="Clicked()">
    <script>
      <!-- 
      function Clicked() {
        document.bgColor = "Gray";
      }
      // -->
    </script>
  </body>
</html>

色々試行錯誤をした結果１行目を削除すれば、
動いたのですが原因がよく分かりませんでした。

単純にHTML5で作成されているものを表すタグだと思いますが、
何が問題なのでしょうか？