前端html页面如何实现多语言切换功能

前端html页面如何实现多语言切换功能,第1张

需要语音翻译脚本库,

html 不能自动切换,但是浏览器自带语音切换还是无法实现多国语言翻译的。

国内的电脑用户基本上是中文、简体繁体和英文切换,首先要搞清楚HTML逻辑,如果要改变网页文字内容要用如JQ的 $("#id).html("内容")来改变网页内容,否则就是调用浏览器自带的插件进行切换,但是电脑并没有集成全世界的语言怎么切换。

(特别提醒:自动语言翻译不一定准确,哪怕是百度翻译、搜狗翻译、有道翻译等等,翻译出来的效果也不一定符合实际语意和专业用语,多国语言网站通常不会用在大型网站上,而是几个页面的网页展示,因为准确翻译多国语言需要人工翻译),目前有见过阿里巴巴电商网站做了多国语言版,不知道怎样实现的。

语言脚本库可以上网去找,下载到网站指定目录再调用

海鸽信息网

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

请输入xxxxxxxxxxx

<br>

<br>

<textarea name="" id="" cols="50" rows="10"></textarea>

<br>

<br>

<form action="">

请投票

<br>

<br>

<input type="radio" name="tp">看涨

<br>

<br>

<input type="radio" name="tp">看跌

<br>

<br>

<input type="radio" name="tp">不清楚

<br>

<br>

<input type="submit">

</form>

</body>

</html>

代码空白地方的br换行被吞了自己加上

<html>

<head>

<style>

body{text-align:center}

</style>

</head>

<body>

<h1>著名搜索引擎导航</h1>

<h2>单击可以去到相应的搜索引擎</h2>

<marquee>

<a href="http://www.baidu.com" title="->去百度">

<img src="http://img.baidu.com/img/logo-zhidao.gif" >

</a>

<a href="http://www.google.com" title="->Google">

<img src="http://www.google.cn/images/logo_cn_small.gif" >

</a>

<a href="http://www.youdao.com" title="->有道">

<img src="http://shared.youdao.com/images/logos/youdao-web-logo.png" >

</a>

<a href="http://www.soso.com" title="->腾讯">

<img src="http://cache.soso.com/img/logo.gif" >

</a>

<a href="http://cn.yahoo.com" title="->雅虎">

<img src="http://cn.yimg.com/i/fp/v4/logo_v4_themes2.gif" >

</a>

</marquee>

<body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7414580.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存