Google Website Translator up up HTML

Question

當使用Google網站翻譯器測試我的網站時，我注意到Google正在更改我的頁面的HTML結構，導致CSS樣式未被應用。

例如，這片HTML（使用自舉）：

<ul class="nav nav-pills nav-stacked"> 
    <li class="active"> 
     <a title="About us" href="/about/">About us</a> 
    </li> 
</ul> 

被改變爲以下格式：

<ul class="nav nav-pills nav-stacked"> 
    <li class="active"> 
     <span class="notranslate" onmouseout="_tipoff()" onmouseover="_tipon(this)"> 
      <span class="google-src-text" style="direction: ltr; text-align: left"> 
       <a title="About us" href="...">Over ons</a> 
      </span> 
      <a title="About us" href="...">About us</a> 
     </span> 
    </li> 
</ul> 

基本上，我的聯繫正在由<SPAN>包裹。我怎樣才能避免這種情況？

更新：

谷歌網站翻譯還刪除SPANs是圍繞SVGs包裹，即使這些元素不是一個環節。非常奇怪。例如：

<div> 
    <span> 
     <svg>...</svg> 
    </span> 
</div> 

變成：

<div> 
    <svg>...</svg> 
</div> 

Answer 1

這是谷歌的原生方面翻譯。最好放置一些CSS來修復任何破壞。

Answer 2

我發現了一個修補程序，它專門針對Google網站翻譯器，如下所示。

我已經改變了這一點：

nav > li > a { 
.... 
} 

進入這個：

nav > li > a, 
nav > li > span.notranslate > a { 
... 
}