为什么将html标签的右尖括号放在新html标签的左尖括号旁边？答案

【问题标题】：why place the ending right angle-bracket of an html tag beside the opening left angle-bracket of a new html tag?为什么将html标签的右尖括号放在新html标签的左尖括号旁边？
【发布时间】：2011-12-02 19:49:34
【问题描述】：

我看到使用这种类型的代码结构编写的 hack，其中结束标记右“尖括号”放置在新的左“尖括号”标记开头，但我不记得为什么这样做了或线程。我认为这是 Chris Coyier 的 CSS 技巧网站，但不确定。有人知道为什么有人会这样写标记吗？这段代码 sn-p 取自here

<!DOCTYPE Html>
 <Html
  ><Head
    ><Title
      >Graduation Ceremony Summer 2022</Title
  ></Head
  ><Body
    ><H1
      >Graduation</H1
    ><Section
     ><H1
       >Ceremony</H1
      ><P
        >Opening Procession</P
       >
    ></Section
  ></Body
></Html>

【问题讨论】：

标签： html dom html-parsing

【解决方案1】：

某些浏览器对标签之间的空白的处理方式不同。这将是防止空文本节点出现在 DOM 中的一种方法。将它们放在您的文档中不太可能造成任何麻烦（取决于您的 CSS 规则）。

想到的一种情况是图像的垂直对齐。一些浏览器将图像标签（空文本节点）旁边的空白视为 real 文本节点。如果您将图像与文本对齐，则可能会将其与空文本节点对齐，而不是与图像旁边的实际文本对齐。

就可读性而言，我看到的只是一堆皱巴巴的愤怒面孔（>_<）。我更愿意拥有标准外观的 HTML，而不是像 >_<。

【讨论】：

谢谢，科里。您回答的空白问题有点敲响，但并非完全如此。我想知道为什么链接页面上的作者这样写 html，没有引用图像。
这很丑陋，但这是一个很好的做法，因为 Cory 说。出于同样的原因，您会看到许多元素在同一行上串在一起，中间没有空格。