关闭

html标签的lang属性的作用说明

来源:网络 文章列表 2018-11-29 8
本文介绍了,html标签里的lang语言说明属性。所有浏览器均支持 lang 属性。lang 属性规定元素内容的语言。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"

 

如您看完博文,仍不会的话,本站长提供付费技术支持服务,价格不高! 立即咨询

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论