注册 登录
编程论坛 JavaScript论坛

为什么 HTML 的空格会被压缩.

冰糖年糕 发布于 2018-09-08 17:53, 3057 次点击
在使用HTML标记语言时, 代码比如
程序代码:
<div>
        这是
      </div>
    <!-->
     多行
    <-->


 


HTML


  这是  与  HTML 之间的换行和空格会被压缩掉,  请问背后的原理是什么,这么设计的原因? 不知有没有高手知道,求解.!!!
3 回复
#2
wlrjgzs2018-09-10 09:48
因为空格和换行不属于标准的HTML标签,所以浏览器在解析和渲染页面时,会截断空格(比如十个空格只给你留一个),有的会直接无视空格和换行,视具体的浏览器而定。所以如果需要在网页里面显示空格,则可以用实体字符“nbsp;”来表示空格。这个时候,有多少个“nbsp;”,浏览器就显示多少个空格。而对于换行,则可用<br>标签来实现换行。对这2个内容,浏览器会正确解析和渲染出来。
但是有时候我们希望网页显示出来的效果,就是源代码里面那样的格式,这个时候该怎么办?不要急,HTML中有一个<pre>标签,在这个标签内容里面的空格和换行,浏览器会按原样进行保留,而不会对其进行任何处理。
#3
fishco2018-12-06 14:11
明白了
#4
wlrjgzs2018-12-07 20:19
既然明白了,那就接帖啊
1