1、html中提供了6中空格,分别为    ‌‍
具体区别看参考:http://www.cnblogs.com/chenshihaook/p/6186343.html
2、 为不换行空格,全称No-Break Space,使用最多的空格,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该空格占据宽度受字体影响明显而强烈。
3、HTML中使用“ ”表示1个空格字符(英文的1个空格字符),1个中文汉字占2个英文字符。即一个汉字需要两个 ;
4、JavaScript去除空格的区别;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>aaaaaaa</p>
<p> </p>
<p> </p>
<p>aaaaaaaaaaaaaaaa<br>哈哈哈哈哈哈哈哈哈哈哈哈</p>
<p>床前明月光,心里想的慌,举头望明月,低头思 姑娘。</p>
<p>床前明月光,心里想的慌,举头望明月,低头思 姑娘。</p>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('p').each(function(i,e){
var reg=/ /g;
var textn = $(this).text().trim();
console.log("aaa" + textn);
if (textn == "" || reg.test(textn) == true) {
$(this).hide();
}
});
});
</script>
</html>
(1)判断一个标签中添加是不是space敲的空格,可以通过标签中text(),然后去除两端空格,如果为空,则为标签中只为space空格;
(2)区分 ;需要用正则表达式匹配,等于true时,才能判断为 ;空格;
(3)第六个p标签和第七个p标签主要说明了 ;和space空格的区别,如果p宽度有限,只能容下“床前明月光,心里想的慌,举头望明月,低头思”如果用space空格,只有“姑娘”移到下一行,如果 ;则“思 姑娘”都移到下一行。原因是使用 ;连到了一起!
运行结果如下: