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の幅です.