HTMLで特殊記号を表示する(特殊文字対応表付き)

HTMLで特殊記号を表示する(特殊文字対応表付き)

問題の再現

HTML を使用して編集する場合、特殊記号によってエラーが表示されることが多く、極端な場合には Web ページがクラッシュすることもあります。次のコードに示すように:

<テーブル>
<tr>
<td>
中国語
</tr>
</テーブル>

Web ページでは次のように表示されます。

這里寫圖片描述

ここでは、2 つのアンダースコアが自動的に斜体の識別子に変換され、出力結果が不正確になります。

回避策

上記のコードを次のように変更するなど、元の特殊文字を文字エンコードを使用して置き換えることをお勧めします。

<テーブル>
<tr>
<td>
中国語``` |```&#95;``` | 国``` |```&#95;``` | 人</td>
</tr>
</テーブル>

出力は次のようになります。

這里寫圖片描述

特殊文字マッピングテーブル

以下は特殊文字の表です

キャラクター小数点文字数エンティティ名
! &#33;感嘆符
&#34; &quot;引用符
# &#35;数字記号
$ &#36;ドル記号ドル記号
% &#37;パーセント記号
& &#38; &amp;アンパサンド
' &#39;アポストロフィ
( &#40;左括弧
) &#41;右括弧
* &#42;アスタリスク
+ &#43;プラス記号
, &#44;コンマ
&#45;ハイフン
. &#46;ピリオド(終止符)
/ &#47;ソリダス(スラッシュ)
0 &#48;数字 0
1 &#49;数字1
2 &#50; 2桁目
3 &#51; 3桁目
4 &#52;数字4
5 &#53; 5桁目
6 &#54; 6桁目
7 &#55;数字7
8 &#56;数字8
9 &#57; 9 桁目
: &#58;結腸
; &#59;セミコロン
< &#60; &lt;未満
= &#61;等号
> &#62; &gt;より大きい
? &#63;疑問符
@ &#64;コマーシャル
A &#65;大文字のA
B &#66;大文字B
C &#67;大文字のC
D &#68;大文字のD
E &#69;大文字のE
F &#70;大文字のF
G &#71;大文字のG
H &#72;大文字のH
I &#73;大文字のJ 大文字のI
J &#74;大文字のJ
K &#75;大文字のL、大文字のK
L &#76;大文字のL
M &#77;大文字のM
N &#78;大文字のN
O &#79;大文字のO
P &#80;大文字のP
Q &#81;大文字のQ
R &#82;大文字のR
S &#83;大文字のS
T &#84;大文字のT
U &#85;大文字のU
V &#86;大文字のV
W &#87;大文字のW
X &#88;大文字X
Y &#89;大文字のY
Z &#90;大文字のZ
[ &#91;左角括弧
\ &#92;逆スラッシュ(バックスラッシュ)
] &#93;右角括弧
^ &#94;キャレット
_ &#95;水平バー(アンダースコア)
` &#96;鋭いアクセント
a &#97;小さいa
b &#98;小文字のb
c &#99;小文字のc
d &#100;小文字のd
e &#101;小文字のe
f &#102;小文字のf
g &#103;小文字のg
h &#104;小文字のh
i &#105;小文字のi
j &#106;小文字のj
k &#107;小文字のk
l &#108;小文字のl
m &#109;小文字m
n &#110;小文字のn
o &#111;小さいo
p &#112;小文字のp
q &#113;小さいq
r &#114;小文字のr
s &#115;小さいs
t &#116;小文字のt
u &#117;小文字のu
v &#118;小さなv
w &#119;小さいw
x &#120;小さいx
y &#121;小文字のy
z &#122;小文字のz
{ &#123;左中括弧
| &#124;縦棒
} &#125;右中括弧
~ &#126;チルダ
&#127;未使用
&#160; &nbsp;非改行スペース
¡ &#161; &iexcl;逆さの感嘆符
¢ &#162; &cent;セント記号
£ &#163; &pound;ポンド
¤ &#164; &curren;一般的な通貨記号
¥ &#165; &yen;日本円
¦ &#166; &brvbar;または &brkbar;“`
§ &#167; &sect;セクション記号
¨ &#168; &uml;または¨“`
© &#169; &copy;著作権
ª &#170; &ordf;女性序数
« &#171; &laquo;左角引用符、ギュイメット左
¬ 「`¬¬署名しない
「「「 &#173; &shy;ソフトハイフン
® &#174; &reg;登録商標
¯ &#175; &macr;または &hibar;“`
° &#176; &deg;度記号
± &#177; &plusmn;プラスマイナス
² &#178; &sup2;上付き文字2
³ &#179; &sup3;上付き文字 3
´ &#180; &acute;鋭いアクセント
µ &#181; &micro;マイクロサイン
&#182; &para;段落記号
· &#183; &middot;中点
¸ &#184; &cedil;セディーユ
¹ &#185; &sup1;上付き文字 1
º &#186; &ordm;男性序数
» &#187; &raquo;直角引用符、ギュイメット右
¼ &#188; &frac14;分数 4分の1
½ &#189; &frac12;分数の半分
¾ &#190; &frac34;分数 4分の3
¿ &#191; &iquest;逆疑問符
À &#192; &Agrave;大文字のA、重アクセント
Á &#193; &Aacute;大文字のA、鋭アクセント
 &#194; &Acirc;大文字のA、サーカムフレックス
à &#195; &Atilde;大文字のA、チルダ
Ä &#196; &Auml;大文字のA、ディエシス/ウムラウト
Å &#197; &Aring;大文字のA、リング
Æ &#198; &AElig;大文字AE合字
Ç &#199; &Ccedil;大文字のC、セディーユ
È &#200; &Egrave;大文字のE、重アクセント
É &#201; &Eacute;大文字のE、鋭アクセント
Ê &#202; &Ecirc;大文字のE、サーカムフレックス
Ë &#203; &Euml;大文字のE、ディエシス/ウムラウト
Ì &#204; &Igrave;大文字のI、重アクセント
Í &#205; &Iacute;大文字のI、鋭アクセント
Î &#206; &Icirc;大文字のI、サーカムフレックス
Ï &#207; &Iuml;大文字の I、ディエシス / ウムラウト
Ð &#208; &ETH;大文字 Eth、アイスランド語
Ñ &#209; &Ntilde;大文字のN、チルダ
Ò &#210; &Ograve;大文字のO、重アクセント
Ó &#211; &Oacute;大文字のO、鋭アクセント
Ô &#212; &Ocirc;大文字のO、サーカムフレックス
Õ &#213; &Otilde;大文字のO、チルダ
Ö &#214; &Ouml;大文字の O、ディエシス / ウムラウト
× &#215; &times;乗算記号
Ø &#216; &Oslash;大文字のO、スラッシュ
Ù &#217; &Ugrave;大文字のU、重アクセント
Ú &#218; &Uacute;大文字のU、鋭アクセント
Û &#219; &Ucirc;大文字のU、サーカムフレックス
Ü &#220; &Uuml;大文字のU、ディエシス/ウムラウト
Ý &#221; &Yacute;大文字のY、鋭アクセント
Þ &#222; &THORN;アイスランド、首都ソーン
ß &#223; &szlig;小文字のシャープ s、ドイツ語の sz
à &#224; &agrave;小文字の a、重アクセント
á &#225; &aacute;小文字のa、鋭アクセント
â &#226; &acirc;小文字の a、曲折アクセント
ã &#227; &atilde;小文字の a、チルダ
ä &#228; &auml;小文字の a、ディエシス / ウムラウト
å &#229; &aring;小さなa、リング
æ &#230; &aelig;小文字のae合字
ç &#231; &ccedil;小文字の c、セディーユ
è &#232; &egrave;小文字のe、重アクセント
é &#233; &eacute;小文字のe、鋭アクセント
ê &#234; &ecirc;小文字のe、曲折アクセント
ë &#235; &euml;小文字の e、ディエシス / ウムラウト
ì &#236; &igrave;小文字の i、重アクセント
í &#237; &iacute;小文字の「i」、鋭アクセント
î &#238; &icirc;小文字の i、曲折アクセント
ï &#239; &iuml;小文字の i、ディエシス / ウムラウト
ð &#240; &eth;小文字のeth、アイスランド語
ñ &#241; &ntilde;小文字のn、チルダ
ò &#242; &ograve;小文字のo、重アクセント
ó &#243; &oacute;小文字のo、鋭アクセント
ô &#244; &ocirc;小文字のo、曲折アクセント
õ &#245; &otilde;小文字のo、チルダ
ö &#246; &ouml;小文字のo、ディエシス/ウムラウト
÷ &#247; &divide;除算記号
ø &#248; &oslash;小文字のo、スラッシュ
ù &#249; &ugrave;小文字のu、重アクセント
ú &#250; &uacute;小文字のu、鋭アクセント
û &#251; &ucirc;小文字のu、曲折アクセント
ü &#252; &uuml;小文字のu、ディエシス/ウムラウト
ý &#253; &yacute;小文字のy、鋭アクセント
þ &#254; &thorn;小さなトゲ、アイスランド
ÿ &#255; &yuml;小文字の y、ウムラウト

HTML で特殊記号を表示する方法(特殊文字対応表付き)については以上です。HTML で特殊記号を表示する方法については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  HTML 選択ボックスのプレースホルダーの作成に関する問題

>>:  サラウンドリフレクションロード効果を実現するHTML+CSS

推薦する

ネイティブ js カスタム右クリック メニュー

この記事の例では、参考のためにjsカスタム右クリックメニューの具体的なコードを共有しています。具体的...

VM VirtualBox 仮想マシンのマウント共有フォルダ

一つの環境CentOS 7にVMware Toolsをインストールしてホストの共有フォルダへのアクセ...

英語のシングルクォーテーション「''」を含むSQLの記述の失敗について徹底解説

問題が発生しました。情報の編集をテストする際、編集した内容に一重引用符 (') が含まれてい...

CSS における XHTML タグの対応する属性と使用法

XHTML CSS を使って Web ページをデザインし始めた頃は、タグの使用経験も少なく、あまり気...

XHTML チュートリアル: 初心者のための XHTML の基礎

<br />当サイトのオリジナルコンテンツですので、転載の際は出典を123WORDPRE...

Vueでルーティング権限を動的に設定する主なアイデア

以前、インターネット上で動的ルーティング設定をいくつか見たことがありましたが、現在のプロジェクトとは...

さまざまなReact状態マネージャーの解釈と使用方法

まず、状態マネージャーとは何か、そしてそれが何をするのかを知る必要があります。複数のページで同じプロ...

Docker で Tomcat を使用して Web アプリケーションを迅速にデプロイする方法の例

Docker の基本的な操作を学習した後、コンテナにいくつかの基本的なアプリケーションをデプロイして...

CSS 境界線の半分または部分的に表示される実装コード

1. 疑似クラスを使用して境界線の半分を表示する <!DOCTYPE html> <...

Win10 + Ubuntu 16.04 デュアルシステム 完璧なインストールチュートリアル [詳細]

必ずデータをバックアップすることを忘れないでください。データは貴重なものです! ! !コンピュータモ...

JavaScript の基礎: エラーキャプチャメカニズム

目次序文エラーオブジェクト投げる試して…捕まえて…最後に最終ルールトライ/キャッチパフォーマンスウィ...

Vue は better-scroll を使用して水平スクロール方法の例を実現します

1. スクロールの実装原理better-scroll のスクロール原理は、ブラウザのネイティブスクロ...

vue3 を使用してカウント関数コンポーネントのカプセル化例を実装する

目次序文1. カプセル化の重要性2. どのようにカプセル化しますか? 1. アイデア2. 準備2. ...

純粋な CSS3 マインドマップ スタイルの例

マインドマップ彼はおそらく次のように見えるでしょう: インターネット上の実装のほとんどは d3.js...

Mysql | ワイルドカード(%、_ など)を使用したファジークエリの詳細な説明

ワイルドカードのカテゴリ: %パーセント ワイルドカード: 任意の文字が任意の回数出現できることを示...