在使用HTML标记语言时, 代码比如

<div>
        这是
      </div>
    <!-->
     多行
    <-->


 


HTML

  这是  与  HTML 之间的换行和空格会被压缩掉,  请问背后的原理是什么,这么设计的原因? 不知有没有高手知道,求解.!!!

因为空格和换行不属于标准的HTML标签，所以浏览器在解析和渲染页面时，会截断空格(比如十个空格只给你留一个)，有的会直接无视空格和换行，视具体的浏览器而定。所以如果需要在网页里面显示空格，则可以用实体字符“nbsp;”来表示空格。这个时候，有多少个“nbsp;”，浏览器就显示多少个空格。而对于换行，则可用<br>标签来实现换行。对这2个内容，浏览器会正确解析和渲染出来。
但是有时候我们希望网页显示出来的效果，就是源代码里面那样的格式，这个时候该怎么办？不要急，HTML中有一个<pre>标签，在这个标签内容里面的空格和换行，浏览器会按原样进行保留，而不会对其进行任何处理。

明白了

既然明白了，那就接帖啊