HTMLの文字実体参照を調べる時に便利なサイト「HTML Arrows」!

2015/09/16

こんにちは。
今回はHTMLの文字実体参照を調べる時に便利なサイト「HTML Arrows」!です。

コードを書いている時にたまにHTMLの文字参照を使う時ってありますよね。
そんな時に便利なサイトを見つけたので紹介したいと思います。

HTMLの文字実体参照を調べる時に便利なサイト「HTML Arrows」!

HTML Arrows

html-arrows

http://htmlarrows.com/

 

「HTML Arrows」の使い方

文字参照を一覧で見る事ができます。
文字参照のどれかを選択(クリック)します。

html-arrows

 

HTMLやCSSの記述例まで載ってます。

html-arrows10

 

分かりやすいようにカテゴリ分けされています。
「Arrows」、「Currency」、「Letters」、「Math」、「Numbers」、「Punctuation」、「Symbols」があります。
カテゴリ毎に色が変わっておしゃれですね!

 

Arrows

html-arrows3

 

Currency

html-arrows4

 

Letters

html-arrows5

 

Math

html-arrows6

 

Numbers

html-arrows7

 

Punctuation

html-arrows8

 

Symbols

html-arrows9

 

メニュー右の方にある「GRID」、「TABLE」でレイアウトを変更する事もできます。
「TABLE」に変更するとこんな感じです。

html-arrows2

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

 

いかがでしたか。文字実体参照を調べる時に参考してみてはどうでしょうか。
以上でHTMLの文字実体参照を調べる時に便利なサイト「HTML Arrows」!でした。

Related Post

topへ戻る