HTMLの6種類の空白の違い

htmlのスペースマッチングについてよく知らない学生も多いと思います。htmlにはスペースが1つしかないと思っていましたが、読んでみるとには6種類のスペースマッチングがあることが分かりました。 html!早速、一緒に見ていきましょう

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

これは、最も一般的であり、最も頻繁に使用されるスペースであり、スペース キーを押します。 HTML では、スペースバーを使用してこのスペースを生成すると、スペースは蓄積されません (1 としてカウントされるだけです)。このスペースの幅は、明らかに、フォントの影響を強く受けます。

 

それは「半角スペース」と呼ばれ、正式名称はEn Spaceであり、enは

タイポグラフィ

の測定単位であり、em幅の半分です。定義上、これはフォント サイズの半分に相当します (例: 16 ピクセル フォントの 8 ピクセル)。名目上は小文字 n の幅です。このスペースは、スペース ファミリの一貫した特性を継承しています。つまり、このスペースは非常に安定した特性を持っています。つまり、占有する幅は中国語の幅のちょうど 1/2 であり、基本的にフォントの影響を受けません。

 

これは「全角スペース」と呼ばれ、正式名称は Em スペースです。em はタイポグラフィの測定単位であり、現在指定されているポイント数に相当します。たとえば、16 ピクセルのフォントの 1 em は 16 ピクセルです。このスペースも、スペース ファミリの一貫した特性を継承しています。つまり、このスペースは非常に安定した特性を持っています。つまり、占有する幅は正確に 1 中国語の幅であり、基本的にフォントの影響を受けません。

 

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

‌

それはゼロ幅非ジョイナーと呼ばれ、正式名はゼロです

幅

非ジョイナーは、「ZWNJ」と呼ばれ、電子テキストの2つの文字の間に配置され、非印刷文字です。結果として得られる合字は、2 つの文字の元のグリフを使用して描画されます。 Unicode のゼロ幅の非結合文字は "" (ゼロ幅の非結合文字、U+200C) にマップされ、HTML 文字値 は次のように引用されます: ‌

‍It正式名称はゼロ幅ジョイナー、略して「ZWJ」です。これは、複雑な組版を必要とする一部の言語 (アラビア語やヒンディー語など) で 2 つの文字の間に配置される非印刷文字です。 、この 2 つの文字は元のものではなくなります。 合字された文字は合字効果を生み出します。幅ゼロのハイフンの Unicode コード ポイントは U+200D (HTML: ‍ ‍) です。

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

この記事の内容は以上です。HTML スペースについての新たな理解をもたらすことを願っています。

関連する推奨事項:

html スペースコード

HTML のさまざまな形式 space_html/css_WEB-ITnose

HTML の実装固定フローティング トランスモバイル端末ボックスでのルーセント検索

以上がHTMLの6種類の空白の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。