English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
ウェブページに複数のスペースを挿入するのはHTMLではよく用いられます。HTML空間を表す方法はたくさんあります。以下に一つずつ紹介します。
：1文字の半角スペース、連続して行を跨ぐことができます。ウェブページに複数のスペースを挿入する場合、コード「 」を何度も書いてください（常用方法）；
：1文字の半角スペース、または「 」を何度も書いて多くのスペースを挿入できます；
：2文字の全角スペース、または「 」を何度も書いて多くのスペースを挿入できます；
：1文字のスペース；説明：単語の後ろの分号は忘れずに付けてください。省略はできません。それはHTMLコードの一部でもあります。
!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>ウェブページに複数のスペースをどうやって挿入するか-基礎教程(oldtoolbag.com)</title></</head> </body> <p>htmlスペース スペース 基本チュートリアル(oldtoolbag.com)</p> <p>htmlスペース スペース 基本チュートリアル(oldtoolbag.com)</p> <p>htmlスペース スペース 基本チュートリアル(oldtoolbag.com)</p> <p>htmlスペース スペース 基本チュートリアル(oldtoolbag.com)</p> </body> </html>テストを見てみましょう ‹/›
実行後の効果は以下の通りです：
なぜhtmlスペースシンボルコードを使用するのでしょうか？なぜ直接キーボードでスペースを敲かないのでしょうか？実際に操作してみると、デフォルトの設定では、htmlソースコード内でどれだけスペースを敲いても、ブラウザで実行すると常に1つのスペースだけが表示されます。したがって、ウェブ上で複数のスペース効果を実現するためにhtmlスペースシンボルコードを使用する必要があります。
上記でデフォルトの設定について述べましたが、実際にはCSSの“white-space属性を使用して複数のスペース効果を実現します。これは“white-space属性値を“pre”に設定すると、ブラウザはhtmlソースコード内のスペースと改行を保持します。これにより、ソースコード内でスペースを何個敲いても、ブラウザで実行すると同じ数のスペースが表示されます。
説明：ウェブ開発では、通常、htmlスペースシンボルコードを使用して複数のスペース効果を実現します。
| シンボル | を表す |
|---|---|
| 通常の英字半角スペース | |
| 通常の英字半角スペースで改行せず | |
| 中国語全角スペース（1つの中国語の幅） | |
| 半角スペース（半分の中国語の幅、フォントに影響されません） | |
| 全角スペース（1つの中国語の幅、フォントに影響されません） | |
| 四分の1全角スペース（四分の1の中国語の幅） | |
| 通常のスペース | |
| 通常のスペースよりも、不间断（spaceキーで生成されるスペース）は積み重なっていません。 |
emはフォントの計量単位で、現在指定されたポイントに相当します。例えば、1 emは16pxのフォントでは16px）。
emはフォントの計量単位で、emの幅の半分です。定義に従えば、フォントサイズの半分に相当します（例えば16pxのフォントでは8px）。これは小文字のnの幅です。
一斉（non-breaking）特性は次の通りです：
連続のnbspは同じ行に表示されます。つまり、無数の連続するnbspがあれば、ブラウザはそれらを2行に分からないでしょう。