UTF8ならそのまま使ってもO.K.。むしろGoogleは推奨

GoogleのHTML、CSSのコーディング規約に、”<”、”>”、”&”などHTMLで特別な意味のあるものでなければ、UTF8の文字をわざわざ文字実体参照にしない方が良いありました。

There is no need to use entity references like —, ”, or ☺, assuming the same encoding (UTF-8) is used for files and editors as well as among teams.

The only exceptions apply to characters with special meaning in HTML (like < and &) as well as control or “invisible” characters (like no-break spaces).

<!-- Not recommended -->
The currency symbol for the Euro is “&eur;”.

<!-- Recommended -->
The currency symbol for the Euro is “€”.

Entity references – Google HTML/CSS Style Guide

検証してみた

ということで、使えそうなものを自分なりにピックアップして、各ブラウザで表示チェックしてみました。確認したブラウザは、Windows版IE8,Firefox,Chrome、Mac版Safari,Chrome,Firefox、iPhone版Safariです。インストールしている言語環境によっては表示されなかったり文字化けが起こったりする場合もあるかも知れません。うまく表示されてないものがあれば修正しますので、コメント欄でもTwitterでも教えていただければありがたいです。

文字化けしない記号・絵文字

確認ブラウザ:Windows版IE8,Firefox,Chrome、Mac版Safari,Chrome,Firefox、iPhone版Safari

記号

«»‹›‘’“”©®℗™℡№€℃℉¼½¾πφ≠≤≥∈∉∋∑√∞…–—␈␍␚␡␣␛∝∞

数字関連、英字、漢字

❶❷❸❹❺❻❼❽❾❿➊➋➌➍➎➏➐➑➒➓➀➁➂➃➄➅➆➇➈➉⓪①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩
⒜⒝⒞⒟⒠⒡⒢⒣⒤⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵ⒶⒷⒸⒹⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ
㈪㈫㈬㈭㈮㈯㈰㊊㊋㊌㊍㊎㊏㊐㋐㋑㋒㋓㋔㋕㋖㋗㋘㋙㋚㋛㋜㋝㋞㋟㋠㋡㋢㋣㋤㋥㋦㋧㋨㋩㋪㋫㋬㋭㋮㋯㋰㋱㋲㋳㋴㋵㋶㋷㋸㋹㋺㋻㋼㋽㋾㈱㈲㈳㈴㈵㈶㈷㈸㈹㈺㈻㈼㈽㈾㈿㉀㉁㉂㉃㊑㊒㊓㊔㊕㊖㊗㊘㊙㊚㊛㊜㊝㊞㊟㊠㊡㊢㊣㊤㊥㊦㊧㊨㊩㊪㊫㊬㊭㊮㊯㊰

矢印

↵⇄⇆⇅➡⇦⇨⇧⇩↔⇔⇐⇒☝☟☜☞✌✍

絵文字、図形

〠✉♠♤♦♢♣♧♥♡❤❥☺☻♂♀♭♮♯♪♩♫♬☎☀☂☃☁❀✿✏✐✎✑✈✝✂✄★☆✩✵*✳✽✡✖✘✔〄❦❁♨★☆◉◎∅⊘⊗∆∇▷▶△▲❖▱▢∑¿ʬ✁✃✆✒✓❧

文字化けする記号・絵文字。使うべからず

数字関連

㉑㉒㉓㉔㉕㉖㉗㉘㉙㉚㉛㉜㉝㉞㉟㊱㊲㊳㊴㊵㊶㊷㊸㊹㊺㊻㊼㊽㊾㊿⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾⓫⓬⓭⓮⓯⓰⓱⓲⓳⓴⓿⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛㋀㋁㋂㋃㋄㋅㋆㋇㋈㋉㋊㋋

矢印

⋘⋙⇇⇉⇈⇊➢➣➤➟➠➛➝➞➜⇥⇤⇪⇑⇓☚☛➙➘➚➜➥➦➸➷➹▻◅▹▸⇳⇵⇱⇲⏏⤴⤵⤶⤷⤹

絵文字・図形

☹☠♛♚♕♔♞♘♖♟☏☯✺☾☽☥☑☒☮☼☢☣☪☯☭✇☤☉⊙⊚◍▵▴▾▿✧✦◈▰❐❑❒◩◪◨◧◫▣▤▥▦▧▨▩▬▭♆☨✞✟✝✠✢✣✤✥☩☫☮☯♗♝♙♟☡☊☋∎⌨⌘⌥⌫℻♺⚡☔♿⎈⦿⦾⦰⦸⦶⦵⦻⟁⟡⟐⧄⧅⧉◰◱◲◳⚭☕⚲⚘⚚♰♱�⚓⚔⚱⚰⚠⚛␦♲♻♺♳♴♵♶♷♸♹⚀⚁⚂⚃⚄⚅

キー入力(Mac)

例えば “»” は “&raquo;” と打つ必要がないわけですが、どのキーを押せば良いのかパッと出てこなかったりするので、使用頻度の高そうなものを表にしました。

文字 キー入力(Mac)
«, » opt + ](シフトキー)
“, ”, ‘, ’ opt + @(シフトキー), opt + [(シフトキー)
¥, €, £ opt + Y, opt + shift + 2, opt + 3
©, ®, ™ opt + g, opt + r, opt + 2
…, –, — opt + ;, opt + -(シフトキー)
≠, ∞ opt + ^, opt + 5

このページTOPへ