HTML 空白字元 (white space)

在 HTML 文件中,如果你輸入很多空格 (space) 你會發現怎麼在網頁畫面上只看到有一個空格?基本上這問題來自於 HTML 文件並不是一般的文字文件,HTML 它是用標籤來做排版和內容編排的,所以多個空格只會被瀏覽器解析當作是一個空白。

例如:

extra   space

我們打了三個空格,但實際呈現在網頁上你會看到如下的結果:

extra space

如果你需要打多個空格,你可以使用 HTML entity  

我們用   改寫上面的例子:

extra   space

實際呈現的效果如下:

extra   space

還有一些空格類的 HTML entity 像是:

  •   半形空格
  •   全形空格
  •   窄空格