HTML空格占位符、空行、整理

== 普通的英文半角空格   == ==   == no-break space （普通的英文半角空格但不换行） 　 == 中文全角空格 （一个中文宽度）   ==   == en空格 （半个中文宽度）   ==   == em空格 （一个中文宽度）   == 四分之一em空格 （四分之一中文宽度） 相比平时的空格（ ），&nbsp拥有不间断（non-breaking）特性。即连续的&nbsp会在同一行内显示。即使有100个连续的&nbsp，浏览器也不会把它们拆成两行此外 html 中的空格和空行要用特殊的格式显示，否则空格和空行不会显示出来。一、在web开发经常会遇到如: 这样的字符。它其实是Html将一些特殊字符(Html语法字符)的一种表达方式。 下面是几个常用字符：  空格 &   & <       < >      > "   " &qpos   ' 二、空行 空行的表示形式为 ： <br>它是换行符。 三、空格的： 1、使用空格的替代符号： 替代符号就是在需要显示空格的地方加入替代符号，这些符号会被浏览器解释为空格显示。 空格的替代符号有以下几种：可以用名称或编号作为空格的替代符号，名称必须小写，末尾的“”不能省略。 2、使用CSS的 letter-spacing 属性 CSS的letter-spacing属性用于设置文本中字符之间的间隔，它的取值可以是一个带单位的长度值，浏览器会在字和字之间设置指定长度的空白。比如：显示效果为： 欢迎光临！ 注意，如果文本中有英文单词，则空白会加在字母之间，而不是单词之间。 3、使用CSS的 word-spacing 属性 CSS的word-spacing属性用于设置文本中单词之间的间隔，它的取值可以是一个带单位的长度值，浏览器会在单词和单词之间设置指定长度的空白。比如：显示效果为： Happy new year! 注意，HTML是以空格来区分单词的，它会把单词间的空白按指定长度显示。 4、使用CSS的 text-indent 属性 CSS的text-indent属性用于设置首行缩进，它的取值可以是一个带单位的长度值，浏览器会在段落的首行开始处设置指定长度的空白。比如：显示效果为： 欢迎光临！ 说明：em 是一个相对长度单位，2em 表示要缩进两个字的距离。收藏的 https://blog.csdn.net/hanxiongwei/article/details/80194624

1、我们可以在Dreamweaver中，点击插入中的不换行空格，如图所示：

2、直接点击即可直接添加不换行空格，如图所示：

3、然后我们就能在这里看到不换行空格的编号，如图所示：

4、记得前面是这个符号，不要跟美元符号混了，如图所示：

5、此时我们就能在这里看到我们的当前的拼写为nbsp，如图所示：

6、但是我们注意区分他的换行的区别，简单的 *** 作，如图所示：

1.php中用smarty模板生成的html在浏览器中顶部有一空行.

2.用firedebug发现

meta和link标记在body标签里.

本机上wmap运行没事,

送到远程服务器上是IASP的服务,

会出现上述bug.

看了下源文件,

文本一样的.

但保存时提示编码问题.估计是utf-8问题了.

在网上找了下,

是utf-8

BOM问题.

解决方法:

用UltraEdit32把smarty模板文件即引用的模板文件(如include的header,footer等文件)全另存为无BOM的utf-8文件.

其它补充说明：

页面采用UTF8编码，头部和尾部用了模板包含文档的method，结果头部和尾部无端端各多出一个约10px的空行，什么也没有。

原因是全部采用utf8编码，包含文档的时候，最后的二进制流中包含了多次UTF8

BOM标记，IE不能正常解析包含多个UTF8

BOM

标记的页面，直接替换成实际显示的回车，这样导致一个空行，而firefox却没有这个问题。

故如果模板采用包含的method包含多个utf8文档需要用ultraedit保存时另存为功能

选择utf8

无bom格式保存即可。

另外，如果中文页面在html

head标记中将title标记放在<meta

http-equiv=”Content-type”

Content=”text/html

Charset=UTF-8″

/>前面会导致页面空白。

所以utf8页面应该使用标准顺序

复制代码

代码如下:

<meta

http-equiv=”Content-type”

Content=”text/html

Charset=UTF-8″

/>

<meta

http-equiv=”Content-language”

Content=”zh-CN”

/>

<meta

name=”robots”

Content=”index,follow”

/>

<meta

name=”keywords”

Content=”"

/>

<meta

name=”desCription”

Content=”"

/>

<meta

name=”rating”

Content=”general”

/>

<meta

name=”author”

Content=”"

/>

<meta

name=”Copyright”

Content=”"

/>

<meta

name=”generator”

Content=”"

/>

<title></title>

BOM头：\xEF\xBB\xBF，PHP脚本4、5尚对BOM无视，所以在解析前直接输出。

对此

w3.org

标准

FAQ

中对此问题有一个专门的描述：

www.w3.org/International/questions/qa-utf8-bom

具体如下:

在UCS

编码中有一个叫做”ZERO

WIDTH

NO-BREAK

SPACE”的char，它的编码是FEFF。而FFFE在UCS中是不存在的char，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输

char”ZERO

WIDTH

NO-BREAK

SPACE”。这样如果接收者收到FEFF，就表明这个字节流是Big-Endian的；如果收到FFFE，就表明这个字节流是Little-

Endian的。因此char”ZERO

WIDTH

NO-BREAK

SPACE”又被称作BOM。

UTF-8不需要BOM来表明字节顺序，但可以用BOM来表明编码方式。char”ZERO

WIDTH

NO-BREAK

SPACE”的UTF-8编码是EF

BB

BF。所以如果接收者收到以EF

BB

BF开头的字节流，就知道这是UTF-8编码了。

Windows就是使用BOM来标记文本文档的编码方式的 *** 作Systam:

WindowsXP

Professional

,

缺省char集：中文

1）

notepad

：

可以自动识别出没有带

bom

的

utf-8

编码格式文档，但不可以控制保存文档时是否添加

bom

，

如果保存文档，那么会统一添加

bom

。

2）editplus

：

不能自动识别出没有

bom

的

utf-8

编码格式文档，文档保存时，选择UTF-8

格式，不会在文档头写上

BOM

header.

3）

UltraEdit

：

对于char编码的功能最为强大，

可以自动识别带

bom

和不带

bom

的

utf-8

文档

（可以配置）

；

保存的时候可以通过配置选择是否添加

bom.

（特别需要注意的是，保存一个新建立的文档时，需要选择另存为

utf-8

no

bom

格式）

后来发现

Notepad

++

也对于

utf-8

bom

支持比较好，推荐大家使用。

---