HTMLにおけるスペースの文字実体の導入

概要:

ブラウザは常に HTML ページ内のスペースを切り詰めます。テキストに 10 個のスペースを記述すると、ブラウザはページを表示する前にそのうちの 9 個を削除します。ページ上のスペースの量を増やすには、文字エンティティを使用する必要があります。

この記事では、スペース文字エンティティのみを紹介します。HTML では 6 種類のスペース エンティティが提供されます:

 
 
 
 
‌
‍

Web ページでは、通常 3 種類の書き方があります:

1. 直接输入法输入例如“版权” – ©.
2. 字符：©
3. charCode：©

Text:

 

非改行スペース(非改行スペース) 文字エンコーディング: HTML では、スペース キーを押すと生成されます。スペースは蓄積されません (1 としてカウントされるだけです)。

 

全角スペース (Em スペース) 文字エンコーディング: em は、タイポグラフィーにおける測定単位です。たとえば、16px フォントの 1em は、現在指定されているポイント番号に相当します。このスペースは非常に堅牢な特徴を持っており、占有する幅はちょうど中国幅 1 つです。

 

半角スペース (En Space) 文字エンコーディング: en はタイポグラフィの測定単位です。たとえば、1en は 16 ピクセル フォントの 16 ピクセルであり、名目上は小文字の n の幅です。このスペースは非常に頑丈な特徴があり、その占有幅は中国の幅のちょうど 1/2 です。

 

Thin Space は比較的小さな幅を占め、幅は 1/6 分の 1 です。

‌

Zero

Width Non Joiner (Zero Width

Non Joiner) 文字エンコーディング ‌: 略して「ZWNJ」は、電子テキストの 2 つの文字の間に配置される非印刷文字で、内容を抑制します。それ以外の場合は、次のようになります。結果の合字は、2 つの文字の元のグリフを使用して描画されます。 HTML 文字値 ‌。

‍

ゼロ幅ジョイナー文字エンコーディング 200D: 「ZWJ」と呼ばれ、複雑な組版を必要とする一部の言語 (アラビア語、ヒンディー語など) に配置される印刷不可能な文字です。 2 文字の場合、ハイフンでつながれない 2 文字にはハイフンでつながれた効果があります。 HTML 文字値 ‍。

その他:

• ブラウザは次の文字も空白として解析します: スペース 、タブストップ 、改行 およびキャリッジリターン 待って。

• +16/10 進表現は数値文字参照です

• &+ エンティティ名表現は文字エンティティ参照です。HTML 文字エンティティの名前は、使用する前に HTML で定義する必要があります。

• 数字の代わりにエンティティ名を使用する利点は、名前が覚えやすいことです。欠点は、ブラウザーがすべてのエンティティ名をサポートしていない可能性があることです (エンティティ番号のサポートは良好です)。

• エンティティ名では大文字と小文字が区別されます。

【関連推奨事項】

1. 特別な推奨事項: 「php Programmer Toolbox」V0.1 バージョンのダウンロード

2. 2.

3

php.cn オリジナルの HTML5 ビデオチュートリアル

以上がHTMLにおけるスペースの文字実体の導入の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。