在 HTML 中表示 Unicode 字元

HTML 的內容直接有支援 Unicode, 所以直接輸入或者貼上 Unicode (並以 UTF-8 編碼存檔) 即可. 不過由於部份符號有輸入 (或顯示/辨識) 的問題, 同時也為了 browser 轉譯頁面內容時不會產生定義糢糊不明的情況, HTML 還定義了一些特殊符號以編碼值轉譯的方式輸入: 例如:

• <字符用&lt;表示
• >字符用&gt;表示
• &字符用&amp;表示
• 不合併縮減的空白字符用&nbsp;表示

上面用的是字符的名字 (或縮寫)_(註一). 除此之外, 還可以直接用字符的 10 進制編碼或 16 進制編碼表示:

• 10 進制: 以&#+10 進制編碼值+;表示_(註二).
• 16 進制: 以&#x+16 進制編碼值+;表示_(註二).

例如:

有幾個 HTML 屬性用途相當特別, 特別記下以茲備忘:

1. title:

title 屬性可以附加在任何的 tag 上, 它的功用是產生類似 Tooltip Text 的提示效果: 當滑鼠停留在某個元素上面時, 就會出現提示文字. 例如:

<p title='簡介'>落落長的文章本文, 落落長的文章本文, 落落長的文章本文...</p>

特性:

• 所有的 HTML tag 都可以附帶指定 ID 的屬性. 例如:

  <div id="div1" ...>
  <p id="paraX"...>This is a sample paragraph. ...</p>
  <table id="time_zone"><tr>...
  

• ID 值 (原則上) 必需唯一. (參看 注意事項1)
• ID 值的合法字元為: 第一個字元為英文字母 [A-Za-z], 加上任何長度組合的 英文字母, 數字 [0-9], 減號 ('-'), 底線 ('_'), 冒號 (':'), 小數點 ('.') (參看 注意事項2)

用途:

• 用於 CSS selector, 指定需要套用的元素. 例如:

  <style type="text/css">
  #div1 {color:red; margin: 5px;}
  </style>
  ...
  <div id="div1">
  <p>....</p>
  </div>