HTML訓導處|HTML字符集


Posted by itiswonderfall on 2022-02-21

前言

像「 < 」、「 > 」符號已經代表 HTML 標籤,這時候如果直接文本使用有可能會沒辦法顯示在前台,所以為了能使用這些符號,就需要定義它的轉義字符串,當解釋程序遇到這類字符串時,就會把它解釋為真實的字符。
HTML 字符在網頁運用上很廣,不論空白字符或©都常常使用到,下面有整理一些常用以及可能會使用到的,其他可以到 w3school 裡查找,一樣都是分身術,但是不用編碼輸入顯示結果就是可能會不一樣,一起來看看還有什麼符號吧!

cover

圖片來源

 


 

常用符號

字符 編碼 描述
< &lt; 小於
> &gt; 大於
& &amp;
" &quot; 引號
® &reg; 註冊商標
© &copy; 版權
&trade; 商標標誌
&ensp; 半個空白位
&emsp; 一個空白位
  &nbsp; 不斷行的空白

 


 

基本符號

字符 編碼 描述 字符 編碼 描述
&#9744; 投票箱 & &amp;
< &lt; 小於 > &gt; 大於
&lsaquo; 左尖角引號 &rsaquo; 右尖角引號
« &laquo; 左尖角雙引號 » &raquo; 右尖角雙引號
° &deg; 度 / 度數   &nbsp; 不斷行的空白
´ &acute; 尖音符 " &quot; 引號
· &middot; 中間點 &hellip; 省略號
&lsquo; 左單引號 &rsquo; 右單引號
&sbquo; 單引號 ˆ &circ; 字母抑揚重音符號
&ldquo; 左雙引號 &rdquo; 右雙引號
&ndash; 破折號 &mdash; 破折號
| &#124; 垂直條 ¦ &#166; 垂直條
º &ordm; 序數標識 ˜ &tilde; 小波浪號
&#8226; 項目符號 &#9702; 項目符號
¡ &#161; 反嘆號 ¿ &#191; 反問號
&#8451; 攝氏溫標 &#8457; 華氏溫標

 


 

法律符號

字符 編碼 描述 字符 編碼 描述
® &reg; 註冊商標 © &copy; 版權
&#8471; 錄音著作權 &trade; 商標標誌
&#8480; 服務商標

 


 

數學符號

字符 編碼 描述 字符 編碼 描述
± &plusmn; 加減號 × &times; 乘法
÷ &divide; 除法 &asymp; 幾乎等於
&frasl; 分數斜線 &sum; 求和符號
< &#60; 小於 > &#62; 大於
&le; 小於等於 &ge; 大於等於
&radic; 平方根 &ne; 不等於
½ &#189; 二分之一 ¼ &#188; 四分之一
¾ &#190; 四分之三 &#8531; 三分之一
&#8532; 三分之二 &#8539; 八分之一
&#8540; 八分之三 &#8541; 八分之五
% &#37; 百分比 &#8240; 千分比

 


 

貨幣符號

字符 編碼 描述 字符 編碼 描述
$ &#36 美元、新台幣…等貨幣 ¢ &#162;
£ &#163; 英鎊 ¤ &#164; 國際通貨符號
&#8364; 歐元 &#8352; 歐洲通貨單位
&#8353; 科朗 ¥ &#165; 日圓、人民幣
&#8369; 披索 &#8377; 盧比
&#8355; 法郎 &#8356; 里拉
&#8357; 密爾 &#8358; 奈拉
&#8383; 比特幣 &#8361; 韓圓

 


 

音樂符號

字符 編碼 描述 字符 編碼 描述
&#9833; 四分音符 &#9834; 八分音符
&#9835; 連著的八分音符 &#9836; 連著的十六分音符
&#9837; 降號 &#9839; 升號
&#9838; 還原號 𝄞 &#119070; 高音譜號

 


 

是非符號

字符 編碼 描述 字符 編碼 描述
&#10003; 勾號 &#10004; 勾號
&#9745; 勾號 &#9746; 叉號
&#10005; 叉號 &#10006; 叉號
&#10007; 叉號 &#10008; 叉號

 


 

星座符號

字符 編碼 描述 字符 編碼 描述
&#9800; 牡羊座 &#9801; 金牛座
&#9802; 雙子座 &#9803; 巨蟹座
&#9804; 獅子座 &#9805; 處女座
&#9806; 天秤座 &#9807; 天蠍座
&#9808; 射手座 &#9809; 摩羯座
&#9810; 水瓶座 &#9811; 雙魚座

 


 

撲克牌符號

字符 編碼 描述 字符 編碼 描述
&#9824; 實心黑桃 &#9827; 實心梅花
&#9829; 實心愛心 &#9830; 實心菱形
&#9828; 空心黑桃 &#9831; 空心梅花
&#9825; 空心愛心 &#9826; 空心菱形

 


 

箭頭符號

字符 編碼 描述 字符 編碼 描述
&larr; 左箭頭 &uarr; 上箭頭
&rarr; 右箭頭 &darr; 下箭頭
&harr; 左右箭頭 &#8597; 上下箭頭
&#8598; 西北方 &#8599; 東北方
&#8600; 東南方 &#8601; 西南方
&#8602; 帶筆劃的左箭頭 &#8603; 帶筆劃的右箭頭
&#8604; 左波浪箭頭 &#8605; 右波浪箭頭
&#8606; 兩個左箭頭 &#8607; 兩個上箭頭
&#8608; 兩個右箭頭 &#8609; 兩個下箭頭
&#8610; 帶尾左箭頭 &#8611; 帶尾右箭頭
&#8612; 從欄向左箭頭 &#8613; 從欄向上箭頭
&#8614; 從欄向右箭頭 &#8615; 從欄向下箭頭
&#8616; 有底的上下箭頭 &#8621; 左右波浪箭頭
&#8617; 左勾箭頭 &#8618; 右勾箭頭
&#8619; 左環箭頭 &#8620; 右環箭頭
&#8622; 帶筆劃的左右箭頭 &#8623; 下閃電箭頭
&#8624; 前進左轉箭頭 &#8625; 前進右轉箭頭
&#8626; 倒退走左轉箭頭 &#8627; 倒退走右轉箭頭
&#8628; 右下角箭頭 &crarr; 向左轉角的向下箭頭
&#8630; 逆時針上半圓箭頭 &#8631; 順時針上半圓箭頭
&#8632; 帶筆劃的左上箭頭 &#8633; 帶筆劃的左右箭頭
&#8634; 逆時針圓箭頭 &#8635; 順時針圓箭頭
&#8636; 上鉤茅形左箭頭 &#8637; 下鉤茅形左箭頭
&#8638; 右鉤茅形上箭頭 &#8639; 左鉤茅形上箭頭
&#8640; 上鉤茅形右箭頭 &#8641; 下鉤茅形右箭頭
&#8642; 右鉤茅形下箭頭 &#8643; 左鉤茅形下箭頭
&#8644; 左右箭頭 &#8645; 上下箭頭
&#8646; 左右箭頭 &#8647; 兩個左箭頭
&#8648; 兩個上箭頭 &#8649; 兩個右箭頭
&#8650; 兩個下箭頭 &#8651; 茅形左右箭頭
&#8652; 茅形左右箭頭 &#8654; 禁止左右雙箭頭
&#8653; 禁止左雙箭頭 &#8655; 禁止右雙箭頭
&lArr; 左雙箭頭 &uArr; 上雙箭頭
&rArr; 右雙箭頭 &dArr; 下雙箭頭
&hArr; 左右雙箭頭 &#8661; 上下雙箭頭
&#8662; 左上雙箭頭 &#8663; 右上雙箭頭
&#8664; 右下雙箭頭 &#8665; 左下雙箭頭
&#8666; 左三箭頭 &#8667; 右三箭頭
&#8668; 左電流箭頭 &#8669; 右電流箭頭
&#8672; 左虛線箭頭 &#8673; 上虛線箭頭
&#8674; 右虛線箭頭 &#8675; 下虛線箭頭
&#8676; 帶筆劃左箭頭 &#8677; 帶筆劃右箭頭
&#8678; 空心左箭頭 &#8679; 空心上箭頭
&#8680; 空心右箭頭 &#8681; 空心右箭頭
&#8682; 帶筆劃空心上箭頭 &#8683; 帶筆劃空心上箭頭
&#8686; 空心上雙箭頭 &#8687; 帶筆劃空心上雙箭頭
&#8688; 帶筆劃空心右箭頭 &#8691; 空心上下箭頭
&#8689; 西北箭頭轉角 &#8690; 東南箭頭轉角
&#8692; 帶小圓圈的右箭頭 &#8694; 三個右箭頭
&#8693; 上下箭頭 &#8703; 左右空心頭箭頭
&#8701; 左空心頭箭頭 &#8702; 右空心頭箭頭
&#8695; 帶直線左箭頭 &#8696; 帶直線右箭頭
&#8697; 帶直線左右箭頭 &#8700; 帶雙線左右箭頭
&#8698; 帶雙線左箭頭 &#8699; 帶雙線右箭頭

 


 

資料來源

  1. 網頁特殊符號(HTML字元實體)大全
  2. HTML ISO-8859-1 参考手册
  3. UTF-8 Arrows
  4. HTML中为什么要用转义字符串?

#html #html訓導處 #轉義字符串







Related Posts

Progressive Web App 會是未來趨勢嗎?

Progressive Web App 會是未來趨勢嗎?

JS 上 call, aplly, bind 差異

JS 上 call, aplly, bind 差異

Python 命名與Underscore

Python 命名與Underscore


Comments