html标签的lang属性的作用说明
html 标签的lang属性可能大家平时都没怎么注意过。但是我相信你肯定见过这个提示
这个提示就与lang属性有关。
我们看下一个基本的html结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body></body>
</html>
大家可注意到这里呢
出现翻译的原因就是这里导致的
那么html标签中的lang属性究竟是干嘛的呢？
1、HTML 的 lang 属性可用于网页或部分网页的语言。”en”代表英语，”zh-CN”代表中文。这对搜索引擎和浏览器是有帮助的。根据 W3C 推荐标准，您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明，比如：
<html lang="en">
...
</html>
2、搜索引擎首先自己无法判断自己抓取的页面中的内容是什么语言，因为在它看来都是二进制文件，那么这时就需要我们告诉它这个页面中的内容是什么语言，进而它才能知道下一步该干嘛，也就是说，当你把lang设置为”en”时，无论你网页中是什么语言的内容，在它看来都是英语，如果本地浏览器的默认语言不是英语，就会提示上面的选项，问您是否需要翻译。这个在浏览器的设置中可以清楚地看到：
3、浏览器会将读取到的页面语言和本地语言进行比较判断，如果一致，不做处理，否则提示是否需要翻译（当然前提是用户勾选了这个功能，chrome默认勾选）
4、lang 属性不一定只能写在html 上，也可以写在其他元素上。例如：
<p lang="fr">Ceci est un paragraphe.</p> // 段落中的一些法文
但是 lang 属性在下面这些元素里是没用的
lang 属性在以下标签中无效：<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>
有时候我们浏览的网站内容是中文，却还是提醒我是否要翻译，现在看来，原来是网页设计不合理，将lang设置成”en”了，虽然不影响正常使用，但是对用户来说却是莫名其妙，从用户体验的角度来说，还是不那么友好的，所以我们建议大家还是记得加上这个属性：中文为 lang = "zh-CN"
版权声明
本站部分原创文章，部分文章整理自网络。如有转载的文章侵犯了您的版权，请联系站长删除处理。如果您有优质文章，欢迎发稿给我们！联系站长：
愿本站的内容能为您的学习、工作带来绵薄之力。
评论