如何防止HTML源格式影响输出?

栏目: Html · 发布时间: 6年前

内容简介:翻译自:https://stackoverflow.com/questions/1737074/how-do-i-prevent-html-source-formatting-from-affecting-output
看起来 HTML

代码中的额外换行符可能会在最终输出中添加不需要的空格.我一直认为无论我如何布局我的HTML代码,它都不会影响渲染结果的样子.但这是一个例子:

<h2>
    <a href="#">Hello.</a>World
</h2>

将显示:“Hello.World” – 所有看起来都很好

<h2>
    <a href="#">Hello.</a>
    World
</h2>

将显示:“Hello.World” – 点后面有一个额外的空格!

有没有机会摆脱这种影响?

我希望将代码放在不同的行上 – 而不是产生额外的空间.

不,没有,不是在这种情况下.

在HTML中,所有空格都计为空格,但是几个空白字符之后只计为一个.所以,你的代码相当于:

<h2> <a href="#">Hello.</a> World </h2>

删除块元素旁边的空格,但不删除文本内的空格.由于锚标记是内联元素,因此无法删除其旁边的空间,因为这会更改内容.因此,在删除空间之后,这就是剩下的:

<h2><a href="#">Hello.</a> World</h2>

因此,只要不是内容的一部分,您可以在任何地方拥有额外的空白区域.这个:

<h2    >

  <p >  test      test    </p     >

  <p   >  test       test  </p  >

</h2   >

将等效于(删除不影响结果的空格后):

<h2><p>test test</p><p>test test</p></h2>

翻译自:https://stackoverflow.com/questions/1737074/how-do-i-prevent-html-source-formatting-from-affecting-output


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

图解网络硬件

图解网络硬件

[日] 三轮贤一 / 盛荣 / 人民邮电出版社 / 2014-7 / 69.00元

本书详细介绍了计算机网络硬件的相关知识,在对硬件设备、相关技术及规范进行详尽考据和整理的同时,侧重工程实践,重点讲述了在实际网络建设工程中真实使用的网络硬件设备及其相关背景知识,能够帮助读者深入理解计算机网络在工程实践中某些容易混淆的概念,如L3交换机和路由器等。 本书在讲解的同时,还辅以丰富的图例,使计算机网络设备的真实情况一目了然,同时深入浅出地介绍了原本复杂抽象的计算机网络术语,因此对......一起来看看 《图解网络硬件》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试