Javascript和`<> ... </>`标签

Question

所以我最近发现我可以<>...</>在Firefox中使用javascript中的标签,这在定义HTML或CSS块时很方便.

GM_addStyle(<><![CDATA[
  .page { display: block }
  /* ... */
  td { vertical-align: top }
]]></>);
//...
div.innerHTML = <><![CDATA[
  <table class="section">
    <!-- ... -->
  </table>
]]></>;

但我不确定发生了什么,我喜欢理解我正在使用的语法.到底是什么<>...</>回报？我注意到当我将内容包含在内时逃逸效果更好<![CDATA[...]]>,那么那里发生了什么？这只是Firefox还是跨浏览器？

我尝试在线查看,但遇到了正常的谷歌/符号问题.此外,谷歌CDATA JavaScript的大多数结果似乎并不相关.

Answer 1

我相信空标签只是编写根元素的一种方式，以便您可以在其中包装 XML 块。它说“将此根元素的子元素解释为 XML”，而您案例中的单个子元素则说“将此子元素解释为 CDATA 块”。