为什么 Blogger 不尊重结束标签？

Question

我正在尝试解决这个问题，但我做不到。有谁知道为什么 Blogger 这样做？是否可以完全解决这个问题，让博主不这样做？这基本上就是我在这里问的所有问题，stack over flow 希望我添加更多细节。

举个例子：

这个：

<svg width="260" height="260">
    <defs>
      <clippath id="circleView">
        <circle cx="130" cy="130" r="85" fill="orange" />
      </clippath>
    </defs>
    <image x="40" y="40" width="180" height="180" xlink:href="https://i.imgur.com/uuqDlZB.jpg" clip-path="url(#circleView)" />
    <image x="40" y="40" width="180" height="180" xlink:href="http://i.imgur.com/4HJbzEq.png" />

    <svg width="260" height="260">
      <defs>
        <lineargradient id="MyGradient">
          <stop offset="0%" stop-color="transparent" />
          <stop offset="33%" stop-color="transparent" />
          <stop offset="33%" stop-color="#0059dd" />
          <stop offset="34.2%" stop-color="#0059dd" />
          <stop offset="34.2%" stop-color="transparent" />
          <stop offset="68%" stop-color="transparent" />
          <stop offset="68%" stop-color="#0059dd" />
          <stop offset="69.2%" stop-color="#0059dd" />
          <stop offset="69.2%" stop-color="transparent" />
          <stop offset="102%" stop-color="transparent" />
        </lineargradient>
      </defs>

      <rect fill="url(#MyGradient)" x="0" y="0" width="260" height="260" />

    </svg>
  </svg>

变成这样： Blogger 内部。

   <svg width="260" height="260">
    <defs>
      <clippath id="circleView">
        <circle cx="130" cy="130" r="85" fill="orange" />
      </circle></clippath>
    </defs>
    <image x="40" y="40" width="180" height="180" xlink:href="https://i.imgur.com/uuqDlZB.jpg" clip-path="url(#circleView)" />
    <image x="40" y="40" width="180" height="180" xlink:href="http://i.imgur.com/4HJbzEq.png" />

    <svg width="260" height="260">
      <defs>
        <lineargradient id="MyGradient">
          <stop offset="0%" stop-color="transparent" />
          <stop offset="33%" stop-color="transparent" />
          <stop offset="33%" stop-color="#0059dd" />
          <stop offset="34.2%" stop-color="#0059dd" />
          <stop offset="34.2%" stop-color="transparent" />
          <stop offset="68%" stop-color="transparent" />
          <stop offset="68%" stop-color="#0059dd" />
          <stop offset="69.2%" stop-color="#0059dd" />
          <stop offset="69.2%" stop-color="transparent" />
          <stop offset="102%" stop-color="transparent" />
        </stop></stop></stop></stop></stop></stop></stop></stop></stop></stop></lineargradient>
      </defs>

      <rect fill="url(#MyGradient)" x="0" y="0" width="260" height="260" />

    </rect></svg>
  </image></image></svg>

Answer 1

尝试以正确的格式关闭所有标签，Blogger 是富格式 Web，因此如果您不关闭任何标签，它会自动关闭或修复错误的标签。试试这个

<svg width="260" height="260">
<defs>
  <clippath id="circleView">
    <circle cx="130" cy="130" r="85" fill="orange"></circle>
  </clippath>
</defs>
<image x="40" y="40" width="180" height="180" xlink:href="https://i.imgur.com/uuqDlZB.jpg" clip-path="url(#circleView)"></image>
<image x="40" y="40" width="180" height="180" xlink:href="http://i.imgur.com/4HJbzEq.png"></image>

<svg width="260" height="260">
  <defs>
    <lineargradient id="MyGradient">
      <stop offset="0%" stop-color="transparent"></stop>
      <stop offset="33%" stop-color="transparent"></stop>
      <stop offset="33%" stop-color="#0059dd"></stop>
      <stop offset="34.2%" stop-color="#0059dd"></stop>
      <stop offset="34.2%" stop-color="transparent"></stop>
      <stop offset="68%" stop-color="transparent"></stop>
      <stop offset="68%" stop-color="#0059dd"></stop>
      <stop offset="69.2%" stop-color="#0059dd"></stop>
      <stop offset="69.2%" stop-color="transparent"></stop>
      <stop offset="102%" stop-color="transparent"></stop>
    </lineargradient>
  </defs>

  <rect fill="url(#MyGradient)" x="0" y="0" width="260" height="260"></rect>

</svg>

为什么 Blogger 不尊重结束标签？

How come Blogger doesn’t respect closing tags?

html

blogger