私が初めて HTML を学び始めたとき、次のような問題に遭遇しました: HTML でスペースを入力するにはどうすればよいですか?スペースバーを直接押す人もいるかもしれませんが、これは間違いです。結局のところ、スペースバーのヒットはコードではないので、この記事では HTML にスペースコードを記述する方法を紹介します。
HTMLには5種類のスペースコードがあります
HTMLでスペースコードを記述する方法: (改行なし)
小さな例を見てみましょう:
<!DOCTYPE html> <html> <body> <b>php 中文网</b> </body> </html>
効果:
注: space 文字は 1 つのスペースのみを表します。複数のスペースが必要な場合は、複数の space 文字を入力する必要があります。スペースの幅は明らかにフォントの影響を受けます。
HTML 2でのスペースコードの書き方:&ensp(半角スペース)
小さな例を見てみましょう:
<html>
<head>
</head>
<body>
<p>P H P</p>
</body>
</html>効果:
説明:&enspの正式名は En Space、en はフォントの活版印刷の測定単位で、em の幅の半分です。定義上、これはフォント サイズの半分 (たとえば、16 ピクセル フォントの 8 ピクセル) に相当し、占有する幅は中国語の幅のちょうど 1/2 であり、基本的にフォントの影響を受けません。
HTML でスペース コードを記述する 3 番目の方法: &emsp (全角スペース)
小さな例:
<html> <head> </head> <body> <p>php  中文网</p> </body> </html>
効果:
説明: &emsp の正式名は Em Space、emタイポグラフィの測定単位であり、現在指定されているポイント数に相当します。たとえば、16 ピクセルのフォントの 1 em は 16 ピクセルです。占める幅はちょうど中国語の 1 つの幅であり、基本的にフォントの影響を受けません。
HTML でスペース コードを記述する 4 番目の方法: &thinsp (狭いスペース)
小さな例:
<html>
<head>
</head>
<body>
<p>php  中文网</p>
</body>
</html>効果:
説明: このスペースは比較的薄く、薄く、比較的小さな幅を占めます。幅は em の 6 分の 1 です。
HTML でスペース コードを記述する 5 つの方法: &zwnj (ハイフンなしのゼロ幅)
説明: &zwnj は、電子テキスト内の 2 つの文字の間に配置される非印刷文字で、そうしないと発生する合字を抑制します。代わりに、2 つの文字は元のグリフで描画されます。
HTML 6 でスペース コードを記述する方法: &zwj (ゼロ幅合字)
説明: &zwj は非印刷文字であり、複雑な組版を必要とする一部の言語 (アラビア語、ヒンディー語) 文字の間で、ハイフンでつながれない 2 つの文字にはハイフンでつながれた効果があります。
以下の 2 つのスペースには例を書きません。HTML タグについて詳しく知りたい場合は、php 中国語 Web サイトhtml マニュアルを参照してください。
この記事はここで終わります。さらにエキサイティングなコンテンツについては、php 中国語 Web サイトに注目してください。
関連する推奨事項:
以上がHTML空間コードとは何ですか? HTML空間のコードはどのように書くのでしょうか？ （要約）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
