HTML の 5 種類のスペースの意味

HTML には、幅の異なる 5 つのスペース エンティティが用意されています。非改行スペース ( ) は通常のスペースの幅であり、すべての主要ブラウザーで機能します。その他のいくつかの種類のスペース ( ‌‍ ) は、ブラウザによって幅が異なります。

 

それはノーブレイクスペースと呼ばれています。最も一般的で、最もよく使われるスペースです。ほとんどの人は一度は触れたことがあるかもしれません。スペースキーを押すことで生成されるスペースです。 HTML では、スペース バーを使用してこのスペースを作成すると、スペースは累積されません (1 のみがカウントされます)。蓄積するには、HTML エンティティ表現を使用する必要があります。

スペースの幅は明らかにフォントによって大きく影響されます。

 

これは「半角スペース」と呼ばれ、正式名称は En Space です。en はタイポグラフィの測定単位で、em の半分の幅です。定義上、これはフォント サイズの半分に相当します (例: 16 ピクセルのフォントの場合は 8 ピクセル)。名目上は小文字の n の幅です。この空間は、空間ファミリーの特性を継承しています。透明で、この空間は非常に安定した特性を持っています。

つまり、占める幅は漢字の幅のちょうど半分であり、基本的にフォントの影響を受けません。

 

これは「Em Space」と呼ばれ、正式名称は Em Space です。em はタイポグラフィの測定単位で、現在指定されているポイント サイズに相当します。たとえば、16 ピクセルのフォントの場合、1 em は 16 ピクセルになります。この空間も空間ファミリーの特徴を継承しています。透明で、この空間は非常に安定した特徴も持っています。

つまり、占める幅は漢字 1 文字の幅とまったく同じであり、基本的にフォントの影響を受けません。

 

それは狭い空間と呼ばれ、正式名称は薄い空間です。これを「薄い空間」と呼ぶこともできます。これは、その空間が比較的薄くて細長く、比較的狭い幅を占めることを意味します。幅は 1em の 6 分の 1 です。

以上が、私がご紹介した HTML の 5 種類のスペースの意味です。お役に立てれば幸いです。ご質問がございましたら、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。