人のメッセージングアプリケーションや受信ボックスにemojisの色がついてくるずっと前に、Web開発者はUnicode UTF-8標準で表現されたWebページに特別なシンボルを挿入しました。 これらのUnicode記号のいずれかを挿入するには(たとえば、標準の矢印文字)、開発者はページをレンダリングするHTMLを変更してWebページを直接編集する必要があります。
たとえば、WordPressを使用してブログ投稿を作成する場合、特別なシンボルを挿入するには、コンポジションボックスの右上に切り替えるビジュアルモードではなく、 テキストモードに切り替える必要があります。
矢印記号を挿入する方法
HTML5エンティティコード、10進コード、または16進コードの3つの識別子のいずれかが必要です。 3つのうちのどれでも同じ結果が得られます。 一般に、エンティティコードはアンパサンドで始まり、セミコロンで終わり、中間のリレーではシンボルが何であるかを要約した略語です。 10進コードは、アンパサンド+ハッシュタグ+数値コード+セミコロンの形式に従います.16進コードは、ハッシュタグと数字の間にXを挿入します。
たとえば、右矢印記号(←)は、次のいずれかの組み合わせでページに挿入されます。
私は←表示されます
私は←表示されます
私は←表示されます
ほとんどのUnicodeシンボルはエンティティコードを提供しないため、代わりに10進または16進コードを使用して割り当てる必要があります。
これらのコードは、テキストモードまたはソースモードの編集ツールを使用してHTMLに直接挿入する必要があります。 ビジュアルエディタにシンボルを追加すると機能しない可能性があり、必要なUnicode文字をビジュアルエディタに貼り付けても、意図した効果が得られないことがあります。
共通の矢印記号
次の表を使用して、必要なシンボルを見つけます。 Unicodeは、数十種類の異なるタイプとスタイルの矢印をサポートしています。 Windows PC上の文字マップを見ることで、特定のスタイルの矢印を識別するのに役立ちます。 シンボルを強調表示すると、文字マップアプリケーションウィンドウの下部にU + nnnnの形式で説明が頻繁に表示されます。ここで、数字はシンボルの小数点のコードを表します。
すべてのWindowsフォントですべての形式のUnicode記号が表示されるわけではないので、文字マップ内でフォントを変更した後でも目的の文字列が見つからない場合は、W3Schoolの要約ページを含む別のソースを検討してください。
キャラクター | 小数 | 16進数 | エンティティ | 標準化された名前 |
---|---|---|---|---|
← | 8592 | 2190 | ← | 左矢印 |
↑ | 8593 | 2191 | ↑ | 上向き矢印 |
→ | 8594 | 2192 | → | Righwards Arrow |
↔ | 8595 | 2194年 | ↔ | 下向き矢印 |
↕ | 8597 | 2195年 | 上向き矢印 | |
↻ | 8635 | 21BB | 時計回りの円の矢印 | |
⇈ | 8648 | 21C8 | 上向き矢印 | |
⇾ | 8702 | 21FE | 右向きの見出しの矢印 | |
⇶ | 8694 | 21F6 | 3つの右向き矢印 | |
⇦ | 8678 | 21E6 | 左向き矢印 | |
⇡ | 8673 | 21E1 | 上向き矢印 | |
⇝ | 8669 | 21DD | 右向きの矢印 |
考慮事項
Microsoft Edge、Internet Explorer 11、およびFirefox 35以降のブラウザでは、UTF-8標準でキャプチャされたすべてのUnicode文字を表示するのに問題はありません。 ただし、HTML5エンティティコードのみを使用して表示される場合、Google Chromeは間違って一部の文字を見逃します。
Googleによると、UTF-8は2017年8月現在のすべてのウェブページのほぼ90%のデフォルトのエンコーディングとして機能しているという。 UTF-8標準には、矢印以外の文字も含まれています。 たとえば、UTF-8は次の文字をサポートします。
- 通貨記号
- 文字ではない文字のような記号
- 数学演算子
- 幾何形状
- 箱形
- 絵の具
- 発音記号
- ギリシア語、コプト語、キリル文字
これらの追加シンボルを挿入する手順は、矢印の場合とまったく同じです。