html 5のスペース記号
2459 ワード
html 5のスペース記号
1,Htmlのスペース
行をブレークしない空白(1文字幅)
半空白(1文字幅)
1つの空白(2文字幅)
狭い空白(1文字未満)
2,Css方式スペース
CSSでwhite-spaceプロパティの値がpreの場合、ブラウザはテキストのスペースと改行を保持します.たとえば、次のようにします.
AA BB
表示効果:AABB
CSSのletter-spacingプロパティを使用して、テキスト内の文字間の間隔を設定します.たとえば、次のようにします.
いらっしゃいませ!
表示される効果は、「歓迎光臨」です.
CSSのword-spacingプロパティを使用して、テキスト内の単語の間隔を設定します.たとえば、次のようにします.
Happy new year!
表示効果:Happy new year!
3,Htmlでよく使われる文字
&
<
>
"
&qpos;
©
®
™
&
<
>
"
'
©
®
™
&
<
>
"
'
©
®
™
4、いくつかのスペースの比較
HTMLには、異なる幅を持つ5つのスペースエンティティ(space entity)があり、非ブレークスペース()は通常のスペースの幅であり、すべての主流ブラウザで実行できます.その他のスペースは、ブラウザによって幅が異なります.
改行しないスペース、全称No-Break Spaceと呼ばれ、最もよく使われているスペースであり、多くの人が接触している可能性があります.spaceキーを押して生成されたスペースです.HTMLでは、スペースキーでこのスペースを作成すると、スペースは加算されません(1つだけです).htmlエンティティ表示を使用して集計するには、
このスペース占有幅はフォントの影響が顕著で強い.
これは「半角スペース」と呼ばれ、全称はEn Spaceであり、enはフォント印刷学の計量単位であり、em幅の半分である.定義によれば、フォント度の半分(16 pxフォントでは8 px)に等しい.名目上は小文字nの幅です.このスペースは、スペースファミリーの一貫した特性を継承します.透明で、このスペースにはかなり安定した特性があります.
その占有幅はちょうど1/2の中国語の幅で、フォントの影響をほとんど受けません.
「全角スペース」と呼ばれ、全称はEm Space、emはフォント印刷学の計量単位で、現在指定されている点数に相当します.例えば、1 emは16 pxのフォントで16 pxである.このスペースは、スペースファミリーの一貫した特性を継承しています.透明で、このスペースにもかなり安定した特性があります.
その占有幅はちょうど1つの中国語の幅で、フォントの影響をほとんど受けません.
狭いスペースと呼ばれ、Thin Spaceと呼ばれています.私たちは「やせスペース」と呼ぶことができます.このスペースはやせていて、体が薄くて、占有幅が小さいということです.それはemの6分の1の幅です.