デザインツール

HTMLエンティティチートシート - 名前付きと数値コード

空白、通貨、数式、組版記号でよく使う HTML entity と numeric character reference を確認できます。名前付き形式と数値形式をコピーし、安全な source markup に使えます。

HTMLEntityEncoding

このツールをお気に入りに

お気に入りの保存方法がまだ選ばれていません。

クイック操作

このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。

利用シーン

  • copyright や通貨記号を安全に挿入する
  • space や改行関連の entity を探す
  • 名前付き entity と numeric code を比較する

使い方

  1. 記号を一覧から探すか検索する
  2. 名前付き entity か numeric encoding を選ぶ
  3. HTML source へコピーして貼り付ける

入出力サンプル

エンティティ

§

記号

§

FAQ

名前付き entity と numeric code の違いは何ですか?

© のような名前付き形式は読みやすく、numeric reference は互換性が高いのが利点です。HTML では通常どちらも同様に使えます。

記号をそのまま貼り付けるのでは駄目ですか?

環境によっては encoding や font の扱いで崩れることがあります。HTML source では entity の方が安定しやすいです。

ツール

関連ツール

近い用途の翻訳済みツールへ続けて進めます。

HTML エンティティ変換

HTML エンティティのエンコード・デコード

利用可能

HTMLの特殊文字をエンティティに変換したり、エンティティをテキストに復元したりできます。テンプレートのデバッグ、リッチテキストのクリーンアップ、エスケープに有用です。処理はブラウザ内で行われます。

HTML エンティティ エンコード

絵文字チートシート

絵文字チートシート - 開発者向け定番一覧

利用可能

ドキュメント、commit message、changelog でよく使う emoji を検索してコピーできます。keyword や category で絞り込み、status、progress、warning 系の記号を素早く見つけられます。

Emoji Cheat sheet Docs

CSS名前付きカラー

CSS名前付きカラー - 標準色名リファレンス

利用可能

W3C / CSS の named color とその値を一覧できます。keyword や family で絞り込み、標準 color name や HEX をコピーして素の CSS 実装に使えます。

CSS Color Cheat sheet