溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html空格代碼的表現(xiàn)方式有哪些

發(fā)布時(shí)間：2020-09-26 15:34:25 來源：億速云 閱讀：185 作者：小新 欄目：web開發(fā)

html空格代碼的表現(xiàn)方式有哪些？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

一、首先我們談?wù)勎覀冏畛Ｓ玫目崭翊a：

我們常用的空格代碼是“&nbsp；”在網(wǎng)頁上顯示的是一個(gè)空格。

HTML中的常用字符實(shí)體是不間斷空格( )。

瀏覽器總是會(huì)截短HTML頁面中的空格。如果您在文本中寫10個(gè)空格，在顯示該頁面之前，瀏覽器會(huì)刪除它們中的9個(gè)。如需在頁面中增加空格的數(shù)量，您需要使用 字符實(shí)體。

HTML  空格標(biāo)簽的用法：

&nbsp;可定義一個(gè)半角空格。也就是說，在<u>...</u>元素中的文本瀏覽器會(huì)把其加上下劃線呈現(xiàn)給用戶瀏覽。

<!-- 一個(gè)HTML空格 -->
&nbsp;
<!-- 兩個(gè)HTML空格 -->
&nbsp;&nbsp;
<!-- 多個(gè)HTML空格代碼復(fù)制多個(gè)&nbsp; -->
&nbsp;&nbsp;...&nbsp;

下面看一個(gè)完整的代碼實(shí)例：

<html>
<head>
<title>億速云 &nbsp;空格</title>
</head>
<body>
在段落開始加空格的效果：<br/>
&nbsp;&nbsp;&nbsp;&nbsp;空格在網(wǎng)頁的排版中經(jīng)常會(huì)被應(yīng)用到，使用空格符號(hào)在段落的開始輸入幾個(gè)空格，就可以實(shí)現(xiàn)首行縮進(jìn)的效
果。<br/>
在文字的中間輸入多個(gè)空格符號(hào)的效果：<br/>
PHP教程的網(wǎng)址是:&nbsp;&nbsp;&nbsp;&nbsp;http://www.php.cn<br/>
在文字的中間直接輸入多個(gè)半角空格的效果：<br/>
PHP教程的網(wǎng)址是:           http://www.php.cn
</body>
</html>

是不是很明顯，在該有空格的第方是不是有空格了，但是代碼中自己敲得空格沒有了。

這就是空格代碼的寫法。

二、現(xiàn)在讓我們來看看HTML空格代碼的表現(xiàn)方式總結(jié)：

HTML提供了4種空格實(shí)體（space entity），它們擁有不同的寬度，非斷行空格（ ）是常規(guī)空格的寬度，可運(yùn)行于所有主流瀏覽器。其他幾種空格（ ? ? ? ??）在不同瀏覽器中寬度各異。

1.“&nbsp; ”它叫不換行空格，全稱No-Break Space，它是最常見和我們使用最多的空格，大多數(shù)的人可能只接觸了 ，它是按下space鍵產(chǎn)生的空格。在HTML中，如果你用空格鍵產(chǎn)生此空格，空格是不會(huì)累加的（只算1個(gè)）。要使用html實(shí)體表示才可累加，

該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。

2.“&ensp; ”  它叫“半角空格”，全稱是En Space，en是字體排印學(xué)的計(jì)量單位，為em寬度的一半。根據(jù)定義，它等同于字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性：透明的，此空格有個(gè)相當(dāng)穩(wěn)健的特性，

就是其占據(jù)的寬度正好是1/2個(gè)中文寬度，而且基本上不受字體影響。

3.“&emsp; ”它叫“全角空格”，全稱是Em Space，em是字體排印學(xué)的計(jì)量單位，相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性：透明的，此空格也有個(gè)相當(dāng)穩(wěn)健的特性，

就是其占據(jù)的寬度正好是1個(gè)中文寬度，而且基本上不受字體影響。

4.“&thinsp; ” 它叫窄空格，全稱是Thin Space。我們不妨稱之為“瘦弱空格”，就是該空格長得比較瘦弱，身體單薄，占據(jù)的寬度比較小。它是em之六分之一寬。

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)html空格代碼的表現(xiàn)方式有哪些大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手