在html中空格字元如何表示
- 醉折花枝作酒筹原創
- 2021-06-02 16:06:3025890瀏覽
空格字元的表示方法：1、“ ”，表示非間斷空格；2、“ ”，表示半角空格；3、“ ”，表示全角空格；4、“&thinsp ;”，表示窄空格；5、“ ”，“ ”等，表示為普通空格。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
通常情況下，我們用空格鍵來打出多個空格，而在編寫程式碼時，透過空格鍵、Tab鍵以及回車鍵打出的空格，都會被HTML（超文本標記語言）自動忽略。 HTML將這樣的鍵視為空白字符，並顯示為單一空白間隔。雖然CSS提供了多種樣式的空格和縮排，但在HTML中也有一些工具可以讓你自己定義空格。
1、非間斷空格使用「 」表示
#一般來說，無論你按幾次空白鍵， HTML也只會在單字之間顯示一個空白間隔。當你需要插入多個空格時，請輸入 或 代碼。 [1] 它們名為“空格佔位符”，你輸入幾個，就能在頁面中顯示幾個空格。之所以稱為非間斷空格，是因為這樣不會產生換行符。如果你濫用這種空格，瀏覽器可能無法以整齊易讀的方式插入換行符號。
2、半角空格使用「 」表示
半角空格，全名是En Space，en是字體排印學的計量單位，為&emsp；寬度的一半。根據定義，它等同於字體度的一半,例如10px字體中就是5px,特性:就是其佔據的寬度正好是1/2個中文寬度，基本上不受字體影響。
— 「en空格」是依照字型排印學的計量單位命名，寬度是兩個普通空格的寬度
3、全角空格使用“ ”表示
“全角空格”，全名是Em Space，em是字體排印學的計量單位，相當於目前指定的點數。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性：透明的，此空格也有個相當穩健的特性，就是其 佔據的寬度正好是1個中文寬度，而且基本上不受字體影響。
— 「em空格」大概是四個普通空格的寬度
4、窄空格使用「 」表示
窄空格，全名為Thin Space。佔據的寬度比較小。它是 六分之一的寬度。
5、普通空格
瀏覽器也會把以下字元當作空白進行解析：空格（ ）、制表位（ ）、換行（
）和（ ）等等。
範例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>测试文本 测试文本</p> <p>测试文本  测试文本</p> <p>测试文本  测试文本</p> <p>测试文本  测试文本</p> <p>测试文本  测试文本</p> <p>测试文本		测试文本</p> <p>测试文本

测试文本</p> <p>测试文本　　测试文本</p> </body> </html>
#推薦學習：html影片教學
以上是在html中空格字元如何表示的詳細內容。更多資訊請關注PHP中文網其他相關文章！