缩进或空格在html中重要吗？

Question

当然，我们的标记需要缩进，但这确实关系到浏览器的呈现方式。

我有一个带有label，span和input的简单结构。中间没有缩进的对齐方式发生了变化，为什么会这样？

<label class="field-row">                
       <span class="label-text" >Email</span>
       <input type="email" />
 </label>
 <label class="field-row">
       <span class="label-text" >Email</span><input type="email" />                
 </label>

Firefox和Chrome中的演示问题

Answer 1

空格确实在页面呈现方面有所不同，但是一串长于一个的空格将仅被呈现为一个空格，因此（换行）

<label class="field-row">                
   <span class="label-text" >Email</span>
   <input type="email" />
</label>

和这个（没有换行符，但是范围和输入之间有一个空格）

<label class="field-row">                
   <span class="label-text" >Email</span> <input type="email" />
</label>

将被渲染为相同，而这个（没有空格）

<label class="field-row">                
   <span class="label-text" >Email</span><input type="email" />
</label>

将在元素之间没有多余空间的情况下进行渲染。