• 技术文章 >web前端 >前端问答

    html lang属性有什么用

    青灯夜游青灯夜游2021-11-18 09:49:18原创75

    在html中,lang是一个全局属性,可规定元素内容的语言,语法“<element lang="language_code">”;一般用在“<html>”标签中,可声明当前页面的语言类型。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    html lang 属性规定元素内容的语言。

    在 HTML5 中, lang 属性可用于任何的 HTML 元素 (即全局属性)。

    语法:<element lang="language_code">

    lang属性一般在“<html>”标签中使用,可声明当前页面的语言类型。

    HTML中html元素的lang属性的说明

    我在刚开始学习HTML的时候,关于基本的HTML格式中有一点不明白的地方,基本格式如下:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body></body>
    </html>

    究竟html标签中的lang属性是干嘛的呢?为什么要指定它的值是”en”或者”zh-CN”呢?个人见解如下:

    1、属性lang是英语language的缩写,意思是语言,”en”代表英语,”zh-CN”代表中文

    2、在我自己的尝试下,发现,其实不写lang属性,整个HTML文档的显示是没有任何问题的

    3、我们都知道,如果你在中国,本地浏览器的默认语言是中文,当我们打开一个外国网站时,浏览器会提示”是否将网页内容翻译成中文”,如下图
    这里写图片描述
    检查一下该网页的源代码,发现lang=”en”

    4、登录几个中国的本土网站,发现源码中并没有写lang属性,也没有翻译的提示

    5、搜索引擎首先自己无法判断自己抓取的页面中的内容是什么语言,因为在它看来都是二进制文件,那么这时就需要我们告诉它这个页面中的内容是什么语言,进而它才能知道下一步该干嘛,也就是说,当你把lang设置为”en”时,无论你网页中是什么语言的内容,在它看来都是英语,如果本地浏览器的默认语言不是英语,就会提示上面的选项,问您是否需要翻译。这个在浏览器的设置中可以清楚地看到:

    这里写图片描述

    总结:

    1、搜索引擎无法判断页面中的内容是什么语言,需要人们告诉它(这里也体现出语义化的特点,即机器本身什么都不懂,我们需要告诉它这是什么,并且当我们告诉它这是什么后,我们也必须按照这个规则去做,要不将lang设置为”en”,但是我们却在网页中使用中文语言内容,这很大程度上会对机器进行干扰,进而干扰到用户的正常体验,这样做就毫无意义。)

    2、浏览器会将读取到的页面语言和本地语言进行比较判断,如果一致,不做处理,否则提示是否需要翻译(当然前提是用户勾选了这个功能,chrome默认勾选)

    推荐教程:《html视频教程

    以上就是html lang属性有什么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html lang属性
    上一篇:html中span是块元素吗 下一篇:学html5需要什么软件
    php中文网线上培训班

    相关文章推荐

    • 在html文件中url称之为什么• html5有几种doctype声明• 在html中标题标签是什么• html中一个表格由哪三部分组成• html全局属性是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网