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

零下一度
リリース: 2017-05-13 14:43:26
オリジナル
4072 人が閲覧しました

概要:

ブラウザは常に 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!