HTMLにおけるスペースの文字実体の導入-htmlチュートリアル-php.cn

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

零下一度

リリース： 2017-05-13 14:43:26

オリジナル

4100 人が閲覧しました

概要:

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

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

 
&ensp;
&emsp;
&thinsp;
&zwnj;
&zwj;

ログイン後にコピー

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

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

ログイン後にコピー

Text:

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

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

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

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

‌

Zero

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

‍

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

その他:

ブラウザは次の文字も空白として解析します: スペース、タブストップ、改行およびキャリッジリターン待って。
+16/10 進表現は数値文字参照です
&+ エンティティ名表現は文字エンティティ参照です。HTML 文字エンティティの名前は、使用する前に HTML で定義する必要があります。
数字の代わりにエンティティ名を使用する利点は、名前が覚えやすいことです。欠点は、ブラウザーがすべてのエンティティ名をサポートしていない可能性があることです (エンティティ番号のサポートは良好です)。
エンティティ名では大文字と小文字が区別されます。

【関連推奨事項】

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

2. 2.

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

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