イメージ画像

サイト(ブログ)にハートマークを表示する方法

この記事の所要時間: 114

通常、パソコン(エクセル&ワード等)では「ハート」で変換すると下記のように表示できる。

ハートマーク


しかし、Web上(ホームページ&ブログ等)にハートマークを表示しようとすると「?」となってしまう。
これは、環境依存文字といってJISコードで規定されていない文字のために表示することができない。(文字化けを起こす)

ハートマークの画像を挿入して表示する方法もあるがこれだと手間がかかってしまう。
そこで、実体参照(HTMLで特殊文字を記述するための符号)の記法を使って表示させる方法がある。


下記は、画像ではなくテキスト(文字)表示したハートマーク

「♥」

画像ではなくテキストなので、↑をコピーしてメモ帳などにも貼り付けできる。
さらに、テキストなので普通の文字と同じように装飾が可能。

「♥」 ←色をピンク&サイズを24px


使い方(表示方法)は簡単で、実体参照コードを記載するればWeb上に表示される。


ハートマークの実体参照

「♥」
「♡」

ハートマークの色やサイズを変更する方法

色やサイズの指定は、スタイルシートで以下のように指定する。


以上


あわせて読みたい関連記事

タグ

トラックバック&コメント

この投稿のトラックバックURL:

コメントをどうぞ

このページの先頭へ