html字元轉譯
阿新 • • 發佈:2019-01-23
HTML中<,>,&等有特殊含義(<,>,用於連結籤,&用於轉義),不能直接使用。這些符號是不顯示在我們最終看到的網頁裡的,那如果我們希望在網頁中顯示這些符號,該怎麼辦呢?
這就要說到HTML轉義字串(Escape Seqnce)了。
轉義字串(Escape Seqnce)也稱字元實體(Character Entity)。在HTML中,定義轉義字串的原因有兩個:第一個原因是像“<”和“>”這類符號已經用來表示HTML標籤,因此就不能直接當作文字中的符號來使用。為了在HTML文件中使用這些符號,就需要定義它的轉義字串。當解釋程式遇到這類字串時就把它解釋為真實的字元。在輸入轉義字串時,要嚴格遵守字母大小寫的規則。第二個原因是,有些字元在ASCII字符集中沒有定義,因此需要使用轉義字串來表示。
轉義字串的組成
轉義字串(Escape Seqnce),即字元實體(Character Entity)分成三部分:第一部分是一個&符號,英文叫ampersand;第二部分是實體(Entity)名字或者是#加上實體(Entity)編號;第三部分是一個分號。
比如,要顯示小於號(<),就可以寫 < 或者 < 。
用實體(Entity)名字的好處是比較好理解,一看lt,大概就猜出是less than的意思,但是其劣勢在於並不是所有的瀏覽器都支援最新的Entity名字。而實體(Entity)編號,各種瀏覽器都能處理。
提示:實體名稱(Entity)是區分大小寫的。
備註:同一個符號,可以用“實體名稱”和“實體編號”兩種方式引用,“實體名稱”的優勢在於便於記憶,但不能保證所有的瀏覽器都能順利識別它,而“實體編號”則沒有這種擔憂,但它實在不方便記憶。
如何顯示空格?
通常情況下,HTML會自動截去多餘的空格。不管你加多少空格,都被看做一個空格。比如你在兩個字之間加了10個空格,HTML會截去9個空格,只保留一個。為了在網頁中增加空格,你可以使用 表示空格。
HTML特殊轉義字元列表
最常用的字元實體
Character Entities顯示 說明 實體名稱 實體編號
半方大的空白
全方大的空白
不斷行的空白格
< 小於 < <
> 大於 > >
& &符號 & &
" 雙引號 " "
? 版權 © ©
? 已註冊商標 ® ®
? 商標(美國) ? ™
× 乘號 × ×
÷ 除號 ÷ ÷
ISO 8859-1 (Latin-1)字符集
HTML 4.01 支援 ISO 8859-1 (Latin-1) 字符集。
備註:為了方便起見,以下表格中,“實體名稱”簡稱為“名稱”,“實體編號”簡稱為“編號” 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱編號 顯示 名稱 編號 顯示 名稱 編號
? ¡ ¡ ? ¢ ¢ ? £ £ ¤ ¤ ¤
? ¥ ¥ ? ¦ ¦ § § § ¨ ¨ ¨ ? © ©
? ª ª ? « « ? ¬ ¬ ? ® ®
? ¯ ¯ ° ° ° ± ± ± ? ² ² ? ³ ³
? ´ ´ ? µ µ ? ¶ ¶ · · · ? ¸ ¸
? ¹ ¹ ? º º ? » » ? ¼ ¼ ? ½ ½
? ¾ ¾ ? &iqst; ¿ ? À À ? Á Á ? Â Â
? Ã Ã ? Ä Ä ? Å Å ? Æ Æ ? Ç Ç
? È È ? É É ? Ê Ê ? Ë Ë ? Ì Ì
? Í Í ? Î Î ? Ï Ï ? Ð Ð ? Ñ Ñ
? Ò Ò ? Ó Ó ? Ô Ô ? Õ Õ ? Ö Ö
× × × ? Ø Ø ? Ù Ù ? &?ute; Ú ? & irc; Û
? Ü Ü ? Ý Ý ? Þ Þ ? ß ß à à à
á á á ? â â ? ã ã ? ä ä ? å å
? æ æ ? ç ç è è è é é é ê ê ê
? ë ë ì ì ì í í í ? î î ? ï ï
? ð ð ? ñ ñ ò ò ò ó ó ó ? ô ô
? õ õ ? ö ö ÷ ÷ ÷ ? ø ø ù ù ù
ú &?ute; ú ? & irc; û ü ü ü ? ý ý ? þ þ
? ÿ ÿ
數學和希臘字母標誌
symbols, mathematical symbols, and Greek letters顯示 名稱 編號 顯示 名稱 編號顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號
? ƒ ƒ Α Α Α Β Β Β Γ Γ Γ Δ Δ Δ
Ε Ε Ε Ζ Ζ Ζ Η Η Η Θ Θ Θ Ι Ι Ι
Κ Κ Κ Λ Λ Λ Μ Μ Μ Ν Ν Ν Ξ Ξ Ξ
Ο Ο Ο Π Π Π Ρ Ρ Ρ Σ Σ Σ Τ Τ Τ
Υ Υ Υ Φ Φ Φ Χ Χ Χ Ψ Ψ Ψ Ω Ω Ω
α α α β β β γ γ γ δ δ δ ε ε ε
ζ ζ ζ η η η θ θ θ ι ι ι κ κ κ
λ λ λ μ μ μ ν ν ν ξ ξ ξ ο ο ο
π π π ρ ρ ρ ? ς ς σ σ σ τ τ τ
υ υ υ φ φ φ χ χ χ ψ ψ ψ ω ω ω
? ϑ ϑ ? ϒ ϒ ? ϖ ϖ ? • • … … …
′ ′ ′ ″ ″ ″ ? ‾ ‾ ? ⁄ ⁄ ? ℘ ℘
? ℑ ℑ ? ℜ ℜ ? ™ ™ ? ℵ ℵ ← ← ←
↑ & rr; ↑ → → → ↓ ↓ ↓ ? ↔ ↔ ? ↵ ↵
? ⇐ ⇐ ? & rr; ⇑ ? ⇒ ⇒ ? ⇓ ⇓ ? ⇔ ⇔
? ∀ ∀ ? ∂ ∂ ? ∃ ∃ ? ∅ ∅ ? ∇ ∇
∈ ∈ ∈ ? ∉ ∉ ? ∋ ∋ ∏ ∏ ∏ ∑ ∑ ∑
? − − ? ∗ ∗ √ √ √ ∝ ∝ ∝ ∞ ∞ ∞
∠ ∠ ∠ ∧ ∧ ∧ ∨ ∨ ∨ ∩ ∩ ∩ ∪ ∪ ∪
∫ ∫ ∫ ∴ ∴ ∴ ? ∼ ∼ ∝ ≅ ≅ ≈ ≈ ≈
≠ ≠ ≠ ≡ ≡ ≡ ≤ ≤ ≤ ≥ ≥ ≥ ? &s ; ⊂
? ⊃ ⊃ ? &ns ; ⊄ ? &s e; ⊆ ? ⊇ ⊇ ? ⊕ ⊕
? ⊗ ⊗ ⊥ ⊥ ⊥ ? ⋅ ⋅ ? ⌈ ⌈ ? ⌉ ⌉
? ⌊ ⌊ ? ⌋ ⌋ ? 〈 〈 ? 〉 〉 ? ◊ ◊
? ♠ ♠ ? &cl s; ♣ ? ♥ ♥ ? ♦ ♦
重要的國際標記
markup-significant and internationalization characters顯示 名稱 編號 顯示名稱 編號 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號
" " " & & & < < < > > > ? Œ Œ
? œ œ ? Š Š ? š š ? Ÿ Ÿ ? ˆ ˆ
? ˜ ˜ ? ? ? ?
? ? ? – – – — — —
‘ ‘ ‘ ’ ’ ’ ? ‚ ‚ “ “ “ ” ” ”
? „ „ ? † † ? ‡ ‡ ‰ ‰ ‰ ? ‹ ‹
? › › ? € €
JavaScript轉義符轉義序列 字元
b 退格
f 走紙換頁
n 換行
r 回車
t 橫向跳格 (Ctrl-I)
' 單引號
" 雙引號
\ 反斜槓
程式設計的時候要注意特殊字元的問題,很多執行時出現的問題都是因為特殊字元的出現而引起的。
注意,由於反斜槓本身用作轉義符,因此不能直接在指令碼中鍵入一個反斜槓。如果要產生一個反斜槓,必須一起鍵入兩個反斜槓 (\)。
編碼轉換(to Unicode)
(程式程式碼來源於網路)
這就要說到HTML轉義字串(Escape Seqnce)了。
轉義字串(Escape Seqnce)也稱字元實體(Character Entity)。在HTML中,定義轉義字串的原因有兩個:第一個原因是像“<”和“>”這類符號已經用來表示HTML標籤,因此就不能直接當作文字中的符號來使用。為了在HTML文件中使用這些符號,就需要定義它的轉義字串。當解釋程式遇到這類字串時就把它解釋為真實的字元。在輸入轉義字串時,要嚴格遵守字母大小寫的規則。第二個原因是,有些字元在ASCII字符集中沒有定義,因此需要使用轉義字串來表示。
轉義字串的組成
轉義字串(Escape Seqnce),即字元實體(Character Entity)分成三部分:第一部分是一個&符號,英文叫ampersand;第二部分是實體(Entity)名字或者是#加上實體(Entity)編號;第三部分是一個分號。
比如,要顯示小於號(<),就可以寫 < 或者 < 。
用實體(Entity)名字的好處是比較好理解,一看lt,大概就猜出是less than的意思,但是其劣勢在於並不是所有的瀏覽器都支援最新的Entity名字。而實體(Entity)編號,各種瀏覽器都能處理。
提示:實體名稱(Entity)是區分大小寫的。
備註:同一個符號,可以用“實體名稱”和“實體編號”兩種方式引用,“實體名稱”的優勢在於便於記憶,但不能保證所有的瀏覽器都能順利識別它,而“實體編號”則沒有這種擔憂,但它實在不方便記憶。
如何顯示空格?
通常情況下,HTML會自動截去多餘的空格。不管你加多少空格,都被看做一個空格。比如你在兩個字之間加了10個空格,HTML會截去9個空格,只保留一個。為了在網頁中增加空格,你可以使用 表示空格。
HTML特殊轉義字元列表
最常用的字元實體
Character Entities顯示 說明 實體名稱 實體編號
半方大的空白
全方大的空白
不斷行的空白格
< 小於 < <
> 大於 > >
& &符號 & &
" 雙引號 " "
? 版權 © ©
? 已註冊商標 ® ®
? 商標(美國) ? ™
× 乘號 × ×
÷ 除號 ÷ ÷
ISO 8859-1 (Latin-1)字符集
HTML 4.01 支援 ISO 8859-1 (Latin-1) 字符集。
備註:為了方便起見,以下表格中,“實體名稱”簡稱為“名稱”,“實體編號”簡稱為“編號” 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱編號 顯示 名稱 編號 顯示 名稱 編號
? ¡ ¡ ? ¢ ¢ ? £ £ ¤ ¤ ¤
? ¥ ¥ ? ¦ ¦ § § § ¨ ¨ ¨ ? © ©
? ª ª ? « « ? ¬ ¬ ? ® ®
? ¯ ¯ ° ° ° ± ± ± ? ² ² ? ³ ³
? ´ ´ ? µ µ ? ¶ ¶ · · · ? ¸ ¸
? ¹ ¹ ? º º ? » » ? ¼ ¼ ? ½ ½
? ¾ ¾ ? &iqst; ¿ ? À À ? Á Á ? Â Â
? Ã Ã ? Ä Ä ? Å Å ? Æ Æ ? Ç Ç
? È È ? É É ? Ê Ê ? Ë Ë ? Ì Ì
? Í Í ? Î Î ? Ï Ï ? Ð Ð ? Ñ Ñ
? Ò Ò ? Ó Ó ? Ô Ô ? Õ Õ ? Ö Ö
× × × ? Ø Ø ? Ù Ù ? &?ute; Ú ? & irc; Û
? Ü Ü ? Ý Ý ? Þ Þ ? ß ß à à à
á á á ? â â ? ã ã ? ä ä ? å å
? æ æ ? ç ç è è è é é é ê ê ê
? ë ë ì ì ì í í í ? î î ? ï ï
? ð ð ? ñ ñ ò ò ò ó ó ó ? ô ô
? õ õ ? ö ö ÷ ÷ ÷ ? ø ø ù ù ù
ú &?ute; ú ? & irc; û ü ü ü ? ý ý ? þ þ
? ÿ ÿ
數學和希臘字母標誌
symbols, mathematical symbols, and Greek letters顯示 名稱 編號 顯示 名稱 編號顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號
? ƒ ƒ Α Α Α Β Β Β Γ Γ Γ Δ Δ Δ
Ε Ε Ε Ζ Ζ Ζ Η Η Η Θ Θ Θ Ι Ι Ι
Κ Κ Κ Λ Λ Λ Μ Μ Μ Ν Ν Ν Ξ Ξ Ξ
Ο Ο Ο Π Π Π Ρ Ρ Ρ Σ Σ Σ Τ Τ Τ
Υ Υ Υ Φ Φ Φ Χ Χ Χ Ψ Ψ Ψ Ω Ω Ω
α α α β β β γ γ γ δ δ δ ε ε ε
ζ ζ ζ η η η θ θ θ ι ι ι κ κ κ
λ λ λ μ μ μ ν ν ν ξ ξ ξ ο ο ο
π π π ρ ρ ρ ? ς ς σ σ σ τ τ τ
υ υ υ φ φ φ χ χ χ ψ ψ ψ ω ω ω
? ϑ ϑ ? ϒ ϒ ? ϖ ϖ ? • • … … …
′ ′ ′ ″ ″ ″ ? ‾ ‾ ? ⁄ ⁄ ? ℘ ℘
? ℑ ℑ ? ℜ ℜ ? ™ ™ ? ℵ ℵ ← ← ←
↑ & rr; ↑ → → → ↓ ↓ ↓ ? ↔ ↔ ? ↵ ↵
? ⇐ ⇐ ? & rr; ⇑ ? ⇒ ⇒ ? ⇓ ⇓ ? ⇔ ⇔
? ∀ ∀ ? ∂ ∂ ? ∃ ∃ ? ∅ ∅ ? ∇ ∇
∈ ∈ ∈ ? ∉ ∉ ? ∋ ∋ ∏ ∏ ∏ ∑ ∑ ∑
? − − ? ∗ ∗ √ √ √ ∝ ∝ ∝ ∞ ∞ ∞
∠ ∠ ∠ ∧ ∧ ∧ ∨ ∨ ∨ ∩ ∩ ∩ ∪ ∪ ∪
∫ ∫ ∫ ∴ ∴ ∴ ? ∼ ∼ ∝ ≅ ≅ ≈ ≈ ≈
≠ ≠ ≠ ≡ ≡ ≡ ≤ ≤ ≤ ≥ ≥ ≥ ? &s ; ⊂
? ⊃ ⊃ ? &ns ; ⊄ ? &s e; ⊆ ? ⊇ ⊇ ? ⊕ ⊕
? ⊗ ⊗ ⊥ ⊥ ⊥ ? ⋅ ⋅ ? ⌈ ⌈ ? ⌉ ⌉
? ⌊ ⌊ ? ⌋ ⌋ ? 〈 〈 ? 〉 〉 ? ◊ ◊
? ♠ ♠ ? &cl s; ♣ ? ♥ ♥ ? ♦ ♦
重要的國際標記
markup-significant and internationalization characters顯示 名稱 編號 顯示名稱 編號 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號
" " " & & & < < < > > > ? Œ Œ
? œ œ ? Š Š ? š š ? Ÿ Ÿ ? ˆ ˆ
? ˜ ˜ ? ? ? ?
? ? ? – – – — — —
‘ ‘ ‘ ’ ’ ’ ? ‚ ‚ “ “ “ ” ” ”
? „ „ ? † † ? ‡ ‡ ‰ ‰ ‰ ? ‹ ‹
? › › ? € €
JavaScript轉義符轉義序列 字元
b 退格
f 走紙換頁
n 換行
r 回車
t 橫向跳格 (Ctrl-I)
' 單引號
" 雙引號
\ 反斜槓
程式設計的時候要注意特殊字元的問題,很多執行時出現的問題都是因為特殊字元的出現而引起的。
注意,由於反斜槓本身用作轉義符,因此不能直接在指令碼中鍵入一個反斜槓。如果要產生一個反斜槓,必須一起鍵入兩個反斜槓 (\)。
編碼轉換(to Unicode)
(程式程式碼來源於網路)