html空格代碼是什嗎?html空格代碼怎麼寫?(總結)

來源:互聯網
上載者:User
剛開始學習html的時候,會遇到一個這樣的問題,html中空格怎麼打?有的人可能就直接敲了一下空格鍵,但是這樣是不正確的,畢竟敲的空格鍵不是一個代碼,所以接下來本篇文章就來給大家介紹一下html中空格代碼該怎麼寫。

在html中有五種空格的代碼

html中空格代碼的寫法一:&nbsp(不換行空格)

我們來看一個小例子:

<!DOCTYPE html><html><body><b>php&nbsp中文網</b></body></html>

效果:

說明:一個&nbsp空格符只代表一個空格,如果要多個空格就需要敲多個&nbsp空格符,該空格佔據寬度受字型影響明顯而強烈。

html中空格代碼的寫法二:&ensp(半形空格)

看一個小例子

<html><head></head><body>    <p>P&ensp;H&ensp;P</p></body></html>

效果:


說明:&ensp全稱是En Space,en是字型排印學的計量單位,為em寬度的一半。根據定義,它等同於字型度的一半(如16px字型中就是8px),其佔據的寬度正好是1/2個中文寬度,而且基本上不受字型影響。

html中空格代碼的寫法三:&emsp(全形空格)

小例子:

<html><head></head><body><p>php&emsp;&emsp;中文網</p>  </body></html>

效果:

說明:&emsp全稱是Em Space,em是字型排印學的計量單位,相當於當前指定的點數。例如,1 em在16px的字型中就是16px。其佔據的寬度正好是1個中文寬度,而且基本上不受字型影響。

html中空格代碼的寫法四:&thinsp(窄空格)

小例子:

<html><head></head><body>    <p>php&thinsp;&thinsp;中文網</p></body></html>

效果:

說明:該空格長得比較瘦弱,身體單薄,佔據的寬度比較小。它是em之六分之一寬。

html中空格代碼的寫法五:&zwnj(零寬不連字)

說明:&zwnj是一個不列印字元,放在電子文本的兩個字元之間,抑制本來會發生的連字,而是以這兩個字元原本的字形來繪製。

html中空格代碼的寫法六:&zwj(零寬連字)

說明:&zwj是一個不列印字元,放在某些需要複雜排版語言(如阿拉伯語、印地語)的兩個字元之間,使得這兩個本不會發生連字的字元產生了連字效果。

下面兩個空格就不寫例子了,要想瞭解更多關於html標籤可以參考php中文網html手冊。

這篇文章到這裡就結束了,更多精彩請關注php中文網。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.