html5标签属性translate

定义

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>

 

posted @ 2018-08-18 12:40  木人子韦一日尘  阅读(4033)  评论(0)  编辑  收藏  举报