HTML中的lang属性是干嘛的呢？HTML中的lang属性有什么作用呢？-html教程-PHP中文网

首页

web前端

html教程

HTML中的lang属性是干嘛的呢？HTML中的lang属性有什么作用呢？

寻∝梦

Aug 15, 2018 pm 05:48 PM

HTML中的lang属性是干嘛的呢？HTML中的lang属性有什么作用呢？这篇文章就为大家详细的介绍一下HTML中的lang属性的用途和语法

如下是一个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.我们都知道，如果你在中国，本地浏览器的默认语言是中文，当我们打开一个外国网站时，浏览器会提示”是否将网页内容翻译成中文”

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

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

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

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

HTML中的lang属性的定义和用法：

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

提示和注释：

注释：lang 属性在以下标签中无效：dde6fb694e6711ae5e6f381704c04ae4, 0c6dc11e160d3b678d68754cc175188a, 04a0d55efbbfd646a993fbc01f262c57, f900b4fc197b16ab214eecf015bb6bd2, f32b48428a809b51f04d3228cdf461fa, d5ba1642137c3f32f4f4493ae923989c, 0c68fef83818661b6da588c77ca3985e 以及 3f1c4e4b6b16bbbd69b2ee476dc4f83a。

HTML中的lang属性的语法：

7d0adfb09d8ec4d394e93d6bbe1ae007

HTML中的lang属性的属性值：

language_code：规定元素内容的语言代码。

浏览器支持：

所有浏览器均支持 lang 属性。

HTML 4.01 与 HTML5之间的差异：

在 HTML5 中, lang 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用)。

在 HTML 4.01 中, lang 属性不能用于: dde6fb694e6711ae5e6f381704c04ae4, 0c6dc11e160d3b678d68754cc175188a, 04a0d55efbbfd646a993fbc01f262c57, f900b4fc197b16ab214eecf015bb6bd2, f32b48428a809b51f04d3228cdf461fa, d5ba1642137c3f32f4f4493ae923989c, 0c68fef83818661b6da588c77ca3985e, 和 3f1c4e4b6b16bbbd69b2ee476dc4f83a。

【相关推荐】

HTML5新增的结构元素有哪些？HTML5新增的结构元素的用法（推荐）

HTML5中web是什么？web存储中的元素有哪些？

以上是HTML中的lang属性是干嘛的呢？HTML中的lang属性有什么作用呢？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

HTML标签的目的是什么？Apr 28, 2025 am 12:02 AM

htmltagsareessentialforsenteringwebpages，增强辅助性，seo和Performance.1）他们areAnclosedInangleBracketSandInpairStocrateAteAhierArchical.2）samantictagsictagsatagslikslikroikreveuseerexperienceencperienceandseo.3）

什么是自我关闭标签？举一个例子。Apr 27, 2025 am 12:04 AM

self-closingtagsinhtmlandxmlaretagsthatclosethem hexpthementneedingAseparateCloseTag，SightifyingmarkingmarkupStrupupStruptoReanDenhancingCodingsifice.1）shemeSsentialInxmmllforelementsswithcontentsswithcontent contentcontent，可确保wellwell-formedDocuments.2）Inhtmlible5，inhtmlibut forfix

超越HTML：网络开发的基本技术Apr 26, 2025 am 12:04 AM

要构建一个功能强大且用户体验良好的网站，仅靠HTML是不够的，还需要以下技术：JavaScript赋予网页动态和交互性，通过操作DOM实现实时变化。CSS负责网页的样式和布局，提升美观度和用户体验。现代框架和库如React、Vue.js和Angular，提高开发效率和代码组织结构。

HTML中的布尔属性是什么？举一些例子。Apr 25, 2025 am 12:01 AM

布尔属性是HTML中的特殊属性，不需要值即可激活。1.布尔属性通过存在与否控制元素行为，如disabled禁用输入框。2.它们的工作原理是浏览器解析时根据属性的存在改变元素行为。3.基本用法是直接添加属性，高级用法可通过JavaScript动态控制。4.常见错误是误以为需要设置值，正确写法应简洁。5.最佳实践是保持代码简洁，合理使用布尔属性以优化网页性能和用户体验。

如何验证您的HTML代码？Apr 24, 2025 am 12:04 AM

HTML代码可以通过在线验证器、集成工具和自动化流程来确保其清洁度。1)使用W3CMarkupValidationService在线验证HTML代码。2)在VisualStudioCode中安装并配置HTMLHint扩展进行实时验证。3)利用HTMLTidy在构建流程中自动验证和清理HTML文件。

HTML与CSS和JavaScript：比较Web技术Apr 23, 2025 am 12:05 AM

HTML、CSS和JavaScript是构建现代网页的核心技术：1.HTML定义网页结构，2.CSS负责网页外观，3.JavaScript提供网页动态和交互性，它们共同作用，打造出用户体验良好的网站。

HTML作为标记语言：其功能和目的Apr 22, 2025 am 12:02 AM

HTML的功能是定义网页的结构和内容，其目的在于提供一种标准化的方式来展示信息。1）HTML通过标签和属性组织网页的各个部分，如标题和段落。2）它支持内容与表现分离，提升维护效率。3）HTML具有可扩展性，允许自定义标签增强SEO。

HTML，CSS和JavaScript的未来：网络开发趋势Apr 19, 2025 am 12:02 AM

HTML的未来趋势是语义化和Web组件，CSS的未来趋势是CSS-in-JS和CSSHoudini，JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果，Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积，CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡，Serverless简化开发但需优化冷启动问题。

See all articles