HTML字元符號 &Nbsp; &Ensp; &Emsp; 的差異

Introduction

在進行一些 HTML 頁面中文對齊時,很常使用一些空格符號來調整,這邊來把幾個詳細的符號介紹與紀錄。

Conetent

以下條列說明這幾個空白符的定義。

  •  

    半形的不換行空格,就是一般鍵盤上的空白鍵(space key)產生的空格

  •  

    半形的空格,特性為寬度是 1/2 個中文字寬度

  •  

    全形的空格,特性係寬度是 1 個中文字寬度

以下列出幾個比較常用的字符對應表

Result Description Entity Name Entity Number
non-breaking space    
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
double quotation mark &quot; &#34;
single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

在 HTML 中,可以使用 Entity Name 或是 Entity Number 來顯示特定的字元符號,但是直接使用這些表達方式,在某些設備讀取時,可能會影響正常閱讀,這時可以考慮使用 CSScontent 來調整,注意 content 內容設定字元符必須為 16 進制數字

Reference