貓城
BLACKCAT CASTLE

如何在HTML中顯示特殊字元符號:&Nbsp; &Ensp; &Emsp;

   59 VIEWS
如何在HTML中顯示特殊字元符號

歡迎來到黑貓城,我是時雨の町站長 ─ 時雨。

使用原始碼編輯網頁時有時會發現使用鍵盤上的空白鍵(space key)打出之後在網頁上卻沒看到空格,這是因為空格屬於特殊字元,如果前後沒有文字,光只有打空白鍵是不會看到效果的,因此需要使用 Entity Name 才能呈現這些特殊字元效果。

例如在原始碼編輯器中輸入<font color="red">hello</font>,到網頁上只會看到 hello ,而看不到程式碼,如果想要完整呈現程式碼就必須做修改,將括號< >改為編碼的&lt; &gt;,那麼前台網頁就會顯示為<font color="red">hello</font>了。

詳細的教學也可以參考這一篇:如何讓文章顯示CODE(程式碼、代碼)的語法

以下整理各種字元表:

 :&emsp;(全形空格) 對應一個中文字寬度
 :&ensp;(半形空格) 對應半個中文字寬度
 :&nbsp;(半形空格) 更小的半形
<:&lt;
>:&gt;
&:&amp;
":&quot;
':&apos;
¢:&cent;
£:&pound;
¥:&yen;
:&euro;
©:&copy;
®:&reg;


時雨 時雨,時雨の町-日文學習園地站長,為了紀錄網站維護的日誌而架設本網站,並以家中黑貓命名為黑貓城,順道分享各種架站知識與相關的網頁程式語言,如果你喜歡我的文章,請幫我按讚哦(*´ω`*)。也歡迎各位到我的日語教學網站學習日文 :)

LEAVE A REPLY

COMMENTS