More than 3 years have passed since last update.

htmlの特殊文字の表示

Last updated at 2019-11-05Posted at 2019-11-05

Railsでアプリケーションを作成しているときに、データベースから引っ張ってきた数値に、hamlで単位として「%」をつけようと思ったらエラーが発生したので調べました。

エラーと修正

index.html.haml

= record.GA
%
//⬆︎この「%」の書き方だとエラーが出る

record.GAというのがデータベースから持ってきている数値です。
その後に「%」をつけようとしました。

結果、こうなりました。
どうやらタグとしてみられたようです。

index.html.haml

= record.GA
&#037;
//⬆︎これが特殊文字の表記の仕方(%の場合)

こういった書き方をするとビューにも%がきちんと表示されます。
基本的には、&〇〇;という風に囲んであげるみたいです。

やることは同じです。
hamlだと%を直接書いたらエラーになりましたが、htmlではそのまま表示されます。
ただし、<p>などはタグとしてみられるので、表示させたい場合は

sample.html

&lt;p&gt; こっちは表示される
<p> こっちは表示されない

実際、このQiitaの上の説明文の「<p>などはタグとしてみられるので」の部分もこの書き方をしないと、pタグの働きをして、一つの段落として文章が出てきました。