折叠空白有什么好处？

空白是指浏览器读取和呈现的代码中的空值或空白值。 Html 具有折叠这些空白的特殊功能。如果您在代码中放置额外的/连续的空格或换行符，它会将其视为一个空格，这称为空格折叠。在本文中，我们将讨论在 HTML 中折叠空白的优点。

折叠空白的优点：

• 当您为您的网页编写 HTML 时，您希望代码对用户来说更容易理解/可读。
• 折叠空白减少了服务器和客户端之间的传输时间，因为折叠功能删除了由空白占用的不必要的字节。
• 错误地，如果您留下额外的空白，浏览器将忽略它并完美地显示 UI。

示例 1：以下示例显示了折叠空白的基本示例。 h1 标签在短格式和完整格式之间包含大量空格。如果您在浏览器中运行此代码，您将看到以下输出。两者之间的所有空白都已转换为单个空白。

HTML

    

 
    
Welcome to GFG.              GeeksforGeeks.

输出：

Collapsed_White_Space

示例 2：以下示例将代码中的整数类型的二维数组显示为结构，其中每一行位于不同的行中。如果您将看到输出，它将出现在一行中，所有空格都已折叠。

HTML

    
Example of a 2 D Array of Integers : 
            [
            [1,2,3,4,5],
            [6,7,8,9,10]
            ]   
    

输出：

Collapsed_White_Space