HTML 字符物體

HTML 中的預留字符必須被替換為字符物體，

HTML 物體

在 HTML 中，某些字符是預留的，

在 HTML 中不能使用小于號（<）和大于號（>），這是因為瀏覽器會誤認為它們是標簽，

如果希望正確地顯示預留字符，我們必須在 HTML 源代碼中使用字符物體（character entities），

字符物體類似這樣：

&entity_name;
或者
&#entity_number;

如需顯示小于號，我們必須這樣寫：< 或 <

不間斷空格（non-breaking space）

HTML 中的常用字符物體是不間斷空格( )，

瀏覽器總是會截短 HTML 頁面中的空格，如果您在文本中寫 10 個空格，在顯示該頁面之前，瀏覽器會洗掉它們中的 9 個，如需在頁面中增加空格的數量，您需要使用   字符物體，

HTML 實體示例

用 HTML 物體符號做實驗： here 親自試一試HTML 物體符號參考手冊，

HTML ISO-8859-1 參考手冊

HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集，

ISO-8859-1 的較低部分（從 1 到 127 之間的代碼）是最初的 7 位元 ASCII，

ISO-8859-1 的較高部分（從 160 到 255 之間的代碼）全都有物體名稱，

這些符號中的大多數都可以在不進行物體參考的情況下使用，但是物體名稱或物體編號為那些不容易通過鍵盤鍵入的符號提供了表達的方法，

注釋：物體名稱對大小寫敏感，

帶有物體名稱的 ASCII 物體

結果	描述	物體名稱	物體編號
"	quotation mark	"	"
'	apostrophe	'	'
&	ampersand	&	&
<	less-than	<	<
>	greater-than	>	>

ISO 8859-1 符號物體

結果	描述	物體名稱	物體編號
	non-breaking space
?	inverted exclamation mark	¡	¡
￠	cent	¢	¢
￡	pound	£	£
¤	currency	¤	¤
￥	yen	¥	¥
\|	broken vertical bar	¦	¦
§	section	§	§
¨	spacing diaeresis	¨	¨
?	copyright	©	©
a	feminine ordinal indicator	ª	ª
?	angle quotation mark (left)	«	«
?	negation	¬	¬
-	soft hyphen
?	registered trademark	®	®
ˉ	spacing macron	¯	¯
°	degree	°	°
±	plus-or-minus	±	±
2	superscript 2	²	²
3	superscript 3	³	³
′	spacing acute	´	´
μ	micro	µ	µ
?	paragraph	¶	¶
·	middle dot	·	·
?	spacing cedilla	¸	¸
1	superscript 1	¹	¹
o	masculine ordinal indicator	º	º
?	angle quotation mark (right)	»	»
?	fraction 1/4	¼	¼
?	fraction 1/2	½	½
?	fraction 3/4	¾	¾
?	inverted question mark	¿	¿
×	multiplication	×	×
÷	division	÷	÷

ISO 8859-1 字符物體

結果	描述	物體名稱	物體編號
à	capital a, grave accent	À	À
á	capital a, acute accent	Á	Á
?	capital a, circumflex accent	Â	Â
?	capital a, tilde	Ã	Ã
?	capital a, umlaut mark	Ä	Ä
?	capital a, ring	Å	Å
?	capital ae	Æ	Æ
?	capital c, cedilla	Ç	Ç
è	capital e, grave accent	È	È
é	capital e, acute accent	É	É
ê	capital e, circumflex accent	Ê	Ê
?	capital e, umlaut mark	Ë	Ë
ì	capital i, grave accent	Ì	Ì
í	capital i, acute accent	Í	Í
?	capital i, circumflex accent	Î	Î
?	capital i, umlaut mark	Ï	Ï
D	capital eth, Icelandic	Ð	Ð
?	capital n, tilde	Ñ	Ñ
ò	capital o, grave accent	Ò	Ò
ó	capital o, acute accent	Ó	Ó
?	capital o, circumflex accent	Ô	Ô
?	capital o, tilde	Õ	Õ
?	capital o, umlaut mark	Ö	Ö
?	capital o, slash	Ø	Ø
ù	capital u, grave accent	Ù	Ù
ú	capital u, acute accent	Ú	Ú
?	capital u, circumflex accent	Û	Û
ü	capital u, umlaut mark	Ü	Ü
Y	capital y, acute accent	Ý	Ý
T	capital THORN, Icelandic	Þ	Þ
?	small sharp s, German	ß	ß
à	small a, grave accent	à	à
á	small a, acute accent	á	á
a	small a, circumflex accent	â	â
?	small a, tilde	ã	ã
?	small a, umlaut mark	ä	ä
?	small a, ring	å	å
?	small ae	æ	æ
?	small c, cedilla	ç	ç
è	small e, grave accent	è	è
é	small e, acute accent	é	é
ê	small e, circumflex accent	ê	ê
?	small e, umlaut mark	ë	ë
ì	small i, grave accent	ì	ì
í	small i, acute accent	í	í
?	small i, circumflex accent	î	î
?	small i, umlaut mark	ï	ï
e	small eth, Icelandic	ð	ð
?	small n, tilde	ñ	ñ
ò	small o, grave accent	ò	ò
ó	small o, acute accent	ó	ó
?	small o, circumflex accent	ô	ô
?	small o, tilde	õ	õ
?	small o, umlaut mark	ö	ö
?	small o, slash	ø	ø
ù	small u, grave accent	ù	ù
ú	small u, acute accent	ú	ú
?	small u, circumflex accent	û	û
ü	small u, umlaut mark	ü	ü
y	small y, acute accent	ý	ý
t	small thorn, Icelandic	þ	þ
?	small y, umlaut mark	ÿ	ÿ

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/62293.html

標籤：Html/Css

上一篇：用flex布局實作柵格系統

下一篇：移動端螢屏適配

HTML物體