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>

猜你喜欢

转载自www.cnblogs.com/murenziwei/p/9496885.html