目次
正文:
 
 
 
 
‌
‍
ホームページ ウェブフロントエンド htmlチュートリアル HTML におけるスペース文字エンティティの概要と共有

HTML におけるスペース文字エンティティの概要と共有

May 27, 2017 pm 02:54 PM

概要:

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

本篇就单介绍空格的字符实体,HTML提供了6种空格实体(space entity):

 
 
 
 
‌
‍
ログイン後にコピー

在web页面上,一般有3种书写:

1. 直接输入法输入例如“版权” – ©.
2. 字符:©
3. charCode:©
ログイン後にコピー

正文:

不间断空格(non-breaking space)字符编码 :在HTML中,按下space键产生,空格不累加(只算1个),要使用html实体表示才可累加。

 

全角空格(Em Space)字符编码&#x2<a href="http://www.php.cn/code/3792.html" target="_blank">002</a>;:em是字体排印学的计量单位。相当于当前指定的点数,如1em在16px的字体中就是16px。此空格有个相当稳健的特性,其占据的宽度正好是1个中文宽度

&ensp;

半角空格(En Space)字符编码&#x2003;:en是字体排印学的计量单位。为em宽度的一半,如1en在16px的字体中就是16px,名义上是小写字母n的宽度。此空格有个相当稳健的特性,其占据的宽度正好是1/2个中文宽度

&thinsp;

窄空格(Thin Space)占据的宽度比较小,它是em之六分之一宽。

&zwnj;

零宽不连字(Zero Width Non Joiner)字符编码&#x200C:简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。HTML字符值&#8204;

&zwj;

零宽连字(Zero Width Joiner)字符编码&#x200D:简称“ZWJ”,是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。HTML字符值&#8205;

其它

  • 浏览器还会把以下字符当作空白进行解析:空格&#x0020;、制表位&#x0009;、换行&#x000A;和回车&#x000D;还有&#12288;等等。

  • &#x+16进制/十进制表示是 Numeric Character References

  • &+实体名

  • この記事では、スペース文字エンティティのみを紹介します。 HTML には 6 種類のスペース エンティティが用意されています。
  • rrreee

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

    rrreee
  • Text :
  •  

    非改行スペース (非ブレーク

    スペース) 文字エンコーディング  : HTML では、スペース キーを押すことで生成されます。スペースは蓄積されません (1 としてのみカウントされます)。これらは次のように表す必要があります。 htmlエンティティを蓄積することができます。
全角スペース (Em Space) 文字エンコーディング<a href="http://www.php.cn/code%20/3792%20.html" target="_blank">002🎜;</a>: em は フォント タイポグラフィー 🎜科学の測定単位。たとえば、16px フォントの 1em は、現在指定されているポイント番号に相当します。このスペースはちょうど中国幅1 つ分の幅を占めるのが特徴です。 🎜

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

🎜Thin Space は比較的狭い幅を占めます。幅は em の 6 分の 1 です。 🎜

🎜ゼロ
幅🎜 非結合子) 文字エンコーディング : 略して「ZWNJ」は、電子テキストの 2 つの文字の間に配置される印刷不可能な文字で、合字が発生するのを抑制し、代わりに 2 つの文字が描画されます。元のグリフで。 HTML 文字値 。 🎜

🎜ゼロ幅結合文字エンコーディング : 略して「ZWJ」は、2 つの文字の間に配置される印刷不可能な文字です。複雑な組版を必要とする一部の言語 (アラビア語、ヒンディー語など) の文字により、ハイフネーションされない 2 つの文字がハイフネーション効果を生み出します。 HTML 文字値 。 🎜🎜
その他🎜: 🎜
    🎜 🎜ブラウザは次の文字も空白として解析します: スペース 、タブストップ 、改行 > とキャリッジ リターン <code>   など。 🎜🎜🎜🎜+16/decimal は数値文字参照を意味します🎜🎜🎜🎜&+Entity Name は文字エンティティ参照、HTML 文字エンティティを意味します 名前を定義する必要があります使用するhtmlで。 🎜🎜🎜🎜 数字の代わりにエンティティ名を使用する利点は、名前が覚えやすいことです。欠点は、ブラウザーがすべてのエンティティ名をサポートしていない可能性があることです (エンティティ番号のサポートは良好です)。 🎜🎜🎜🎜エンティティ名では大文字と小文字が区別されます。 🎜🎜🎜

以上がHTML におけるスペース文字エンティティの概要と共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles