html5中的空格符

 1，Html中空格

 	 	不斷行的空白（1個字符寬度）
 	 	半個空白（1個字符寬度）
 	 	一個空白（2個字符寬度）
 	 	窄空白（小於1個字符寬度）

 2，Css 的方式空格

 　  CSS中當 white-space 屬性取值為pre時，瀏覽器會保留文本中的空格和換行,例如：

      <div style="white-space:pre">AA   BB<div> 

      顯示效果為： AA   BB

　　CSS的 letter-spacing 屬性用於設置文本中字符之間的間隔，例如：

　　<div style="letter-spacing:5px;">歡迎光臨！</div>

　　顯示效果為： 歡   迎   光   臨   ！

　　CSS的 word-spacing 屬性用於設置文本中單詞之間的間隔，例如： 

　　<div style="word-spacing:5px">Happy new year!</div> 

　　顯示效果為： Happy   new   year! 

3 , Html 中常用的字符

&	<	>	"	&qpos;	©	®	™
&	<	>	"	'	©	®	™
&	<	>	"	'	©	®	™

 

4、幾種空格符比較

HTML提供了5種空格實體（space entity），它們擁有不同的寬度，非斷行空格（ ）是常規空格的寬度，可運行於所有主流瀏覽器。其他幾種空格（       ‌‍）在不同瀏覽器中寬度各異。

         

它叫不換行空格，全稱No-Break Space，它是最常見和我們使用最多的空格，大多數的人可能只接觸了 ，它是按下space鍵產生的空格。在HTML中，如果你用空格鍵產生此空格，空格是不會累加的（只算1個）。要使用html實體表示才可累加，

該空格占據寬度受字體影響明顯而強烈。

         

它叫“半角空格”，全稱是En Space，en是字體排印學的計量單位，為em寬度的一半。根據定義，它等同於字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性：透明的，此空格有個相當穩健的特性，

就是其占據的寬度正好是1/2個中文寬度，而且基本上不受字體影響。

         

它叫“全角空格”，全稱是Em Space，em是字體排印學的計量單位，相當於當前指定的點數。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性：透明的，此空格也有個相當穩健的特性，

就是其占據的寬度正好是1個中文寬度，而且基本上不受字體影響。

         

它叫窄空格，全稱是Thin Space。我們不妨稱之為“瘦弱空格”，就是該空格長得比較瘦弱，身體單薄，占據的寬度比較小。它是em之六分之一寬。