解決策

HTMLを覗いていると時々出会う " や & などの "&~~~;" は特殊文字と呼ばれるもの。

HTMLから情報を取得する際は下記のように置き換えよう。

# 出現頻度が高い文字

# ダブルクォーテーションを変換
.gsub('&quot;', '"')
.gsub('&#34;', '"')

# アポストロフィを変換
.gsub('&apos;', "'")
.gsub('&#39;', "'")

# アンパサンド（アンド）を変換
.gsub('&amp;', '&')
.gsub('&#38;', '&')

特殊文字とは

HTMLで " < " や " " " などを文字列として表したいときに使う方法
「文字実体参照」と「数値文字参照」の2種類の表示方法がある

代表的なものは以下

文字	文字実体参照	数値文字参照	説明
<	`<`	`<`	不等号（小なり）
>	`>`	`>`	不等号（大なり）
&	`&`	`&`	アンパサンド（アンド）
"	`"`	`"`	ダブルクォーテーション（二重引用符）
'	`'`	`'`	シングルクォーテーション（引用符）、アポストロフィ
/	`/`	`/`	スラッシュ
%	`&percnt;`	`%`	パーセント

実際に使ってみると

<p> 例文だよ </p>
&lt;p&gt; 例文2だよ　&lt;&#47;p&gt;

例文だよ

参考