HTML中`<p><p a>`代码是什么？为何可在CSSBattle中运行？

这种写法是利用HTML特性组合出的极简写法，常见于CSSBattle这类追求代码字符数最少的场景，下面拆解核心原理：

• <p>标签的自动闭合特性
  HTML规范里，<p>属于「可省略结束标签」的块级元素。当浏览器遇到下一个块级元素（比如这里的第二个<p>）时，会自动给前一个<p>补上结束标签。所以<p><p a>实际会被浏览器解析成：

<p></p>
<p a></p>

• 自定义属性的兼容性
  第二个<p>后面的a是自定义属性——它不属于<p>标签的标准属性，但HTML允许页面添加任意自定义属性（规范里推荐自定义属性加上data-前缀，比如data-a，更符合标准）。浏览器会直接忽略不认识的属性，但不会影响标签本身的渲染，所以这个<p>标签依然能正常显示。

这种写法在常规HTML教程里少见，因为它完全是为了压缩字符数而生，不符合代码可读性、可维护性的规范，实际项目里不建议这么写。

内容的提问来源于stack exchange，提问作者Aamir Masood