あなたのWebページの矢印記号

人のメッセージングアプリケーションや受信ボックスに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の要約ページを含む別のソースを検討してください。

選択されたUTF-8矢印シンボル
キャラクター 小数 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は次の文字をサポートします。

これらの追加シンボルを挿入する手順は、矢印の場合とまったく同じです。