如何实现Chrome浏览器右上角的翻译页面

想必用过Chrome浏览器的同学,应该会很熟悉下面这幅图里面的内容:
Chrome浏览器的翻译功能图

其实要实现它并不难,只需要在html标签中的lang属性里面加上en的值即可。上面图中的代码如下所示:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>hello world</div>
</body>
</html>

如果有兴趣的小伙伴,可以看看下面这个链接:https://newsn.net/say/html-lang-chrome.html