首頁  >  文章  >  web前端  >  html空格代碼是什麼? html空格程式碼怎麼寫? (總結)

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

不言
不言原創
2018-09-07 13:41:41131950瀏覽

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

html中有五種空格的程式碼

html中空格程式碼的寫法一: (不換行空格)

我們來看一個小例子:

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

效果:

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

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

html中空格程式碼的寫法二:&ensp(半角空格)

#看一個小範例

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

效果:

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

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

html中空格程式碼的寫法三:&emsp(全角空格) 

小範例:

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

效果:

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

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

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

#小範例:

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

效果:

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

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

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

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

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

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

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

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

相關推薦:

#html空格代碼

html中空格符號以及空格字元實體的總結

以上是html空格代碼是什麼? html空格程式碼怎麼寫? (總結)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn