Top > 開発ガイド > 規約類 > HTML/CSS

HTML/CSS

属性

• HTMLタグの属性はダブルクオートで囲むこと。（シングルクオートで囲むとエラーの原因となる）
  • 良い例

      <div title="<%= hl(@title) %>" onclick="alert('<%= jl(@alert) %>');">サンプル</div>
    

  • 悪い例

      <div title='<%= hl(@title) %>' onclick='alert("<%= jl(@alert) %>");'>サンプル</div>
    

※補足（二重エスケープされる場合）

• DOMの値を設定しようとするとエスケープされた状態で挿入されてしまうことがある。 その場合は、unescapeHTML()を利用する。
  • 例

      <div id="sample1">sample1</div>
      <script type="text/javascript">
        Element.update('sample1', "<%= jl(@contents) %>".unescapeHTML());
      </script>