定義
translate 是指標簽屬性,不是css3樣式規則transform的translate,說它的定義吧:規定是否應該翻譯元素內容。
了解:translate是HTML5中的新屬性
語法
<any translate="no | yes">內容</any>
<div translate="no">我是漢字我驕傲</div>
兼容性
如你所看:所有的主流瀏覽器都難以正確支持translate屬性
實例
兼容性差又怎樣,既然html5推出了translate屬性,就一定有地方運行,這不,我用必應在線翻譯插件就用上了translate屬性
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div translate="no">我是漢字我驕傲</div> <div>我是漢字我驕傲</div> <!--必應翻譯--> <div id='MicrosoftTranslatorWidget' class='Dark' style='color:white;background-color:#ccc'></div> <script type='text/javascript'>setTimeout(function () { { var s = document.createElement('script'); s.type = 'text/javascript'; s.charset = 'UTF-8'; s.src = ((location && location.href && location.href.indexOf('https') == 0) ? 'https://ssl.microsofttranslator.com' : 'http://www.microsofttranslator.com') + '/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&ctf=True&ui=true&settings=Manual&from='; var p = document.getElementsByTagName('head')[0] || document.documentElement; p.insertBefore(s, p.firstChild); } }, 0);</script> </body> </html>