ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで表現される5種類のスペースを詳細に分析

HTMLで表現される5種類のスペースを詳細に分析

黄舟
黄舟オリジナル
2017-07-22 09:30:441197ブラウズ

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

 

正式名称は No-Break Space と呼ばれ、最も一般的で最も使用されるスペースであり、ほとんどの人が公開されるだけである可能性がありますそれは、スペースキーを押して作成されたスペースです。 HTML では、スペースバーを使用してこのスペースを生成すると、スペースは蓄積されません (1 としてカウントされるだけです)。つまり、HTML エンティティ表現を使用する必要があります

このスペースの幅は明らかにフォントの影響を強く受けます。

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

を持っています。つまり、その空間が占める幅は、ちょうど 1/2 中国幅 であり、基本的にはそうではありません。フォントの影響を受ける。


それは「全角スペース」と呼ばれ、その正式名称は Em スペースであり、em はタイポグラフィーにおける測定単位であり、現在指定されているポイント数。たとえば、16 ピクセルのフォントの 1 em は 16 ピクセルです。このスペースは、スペース ファミリの一貫した特性も継承しています。このスペースには、かなり堅牢な機能もあります

が占める幅 はちょうど中国語幅 1 つ であり、基本的にフォントの影響を受けないことを意味します。

それはナロースペースと呼ばれ、正式名称はThin Spaceです。これは「スキニースペース」と呼んでもいいかもしれません。これは、スペースが比較的薄く、本体が薄く、占有幅が比較的小さいことを意味します。幅は em の 6 分の 1 です。

これはZero width Non Joinerと呼ばれ、正式名称はZero width Non Joiner、または略して「ZWNJ」です。これは、2つの文字の間に配置される非印刷文字です。電子テキストの文字を描画する場合、発生するであろう合字を抑制し、代わりに 2 つの文字を元のグリフで描画します。 Unicode のゼロ幅の非結合文字は "" (ゼロ幅の非結合文字、U+200C) にマップされ、HTML 文字値は次のように引用されます: ‌

完全名は Zero幅ジョイナー、略して「ZWJ」は、複雑な組版を必要とする一部の言語 (アラビア語やヒンディー語など) で 2 つの文字の間に配置される非印刷文字です。通常は生成されないハイフン付き文字が生成されます。ハイフン付き。幅ゼロのハイフンの Unicode コード ポイントは U+200D (HTML: ‍ ‍) です。

さらに、ブラウザは次の文字も空白として解析します: スペース ( )、タブストップ ( )、ラインフィード ( )、キャリッジリターン ( x000D) ;) と ( ) など。

以上がHTMLで表現される5種類のスペースを詳細に分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。