在 HTML 中表示 Unicode 字元
HTML 的內容直接有支援 Unicode, 所以直接輸入或者貼上 Unicode (並以 UTF-8 編碼存檔) 即可. 不過由於部份符號有輸入 (或顯示/辨識) 的問題, 同時也為了 browser 轉譯頁面內容時不會產生定義糢糊不明的情況, HTML 還定義了一些特殊符號以編碼值轉譯的方式輸入: 例如:
- <字符用<表示
- >字符用>表示
- &字符用&表示
- 不合併縮減的空白字符用 表示
上面用的是字符的名字 (或縮寫)(註一). 除此之外, 還可以直接用字符的 10 進制編碼或 16 進制編碼表示:
- 10 進制: 以&#+10 進制編碼值+;表示(註二).
- 16 進制: 以&#x+16 進制編碼值+;表示(註二).
例如:
MagicJackTing 發表在 痞客邦 留言(0) 人氣()
有幾個 HTML 屬性用途相當特別, 特別記下以茲備忘:
1. title:
title 屬性可以附加在任何的 tag 上, 它的功用是產生類似 Tooltip Text 的提示效果: 當滑鼠停留在某個元素上面時, 就會出現提示文字. 例如:
<p title='簡介'>落落長的文章本文, 落落長的文章本文, 落落長的文章本文...</p>
MagicJackTing 發表在 痞客邦 留言(0) 人氣()
特性:
- 所有的 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>
MagicJackTing 發表在 痞客邦 留言(0) 人氣()