HTML元素的lang属性的说明及详解

教程管理员发布于2023-09-30 22:15 HTML教程 161

简介： HTML元素的lang属性的说明及详解

今天翻看Bootstrap文档全局CSS样式时又看到这串代码

// Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。
在你项目中的每个页面都要参照下面的格式进行设置。
<!doctype html>
<html lang="en">
  ...
</html>

那么这个lang属性有什么作用

它主要是向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english。

<html lang="en"></html> //英文
<html lang="zh"></html> //中文
<html lang="ja"></html> //日文
...
<html lang="da"></html> //德文

但是动手尝试一下，发现这个属性写不写，整个HTML文档显示没有任何影响。

主要作用是告诉搜索引擎抓取的页面的内容是什么语言，比如，设置lang="en",无论你网页中到底是什么语言，它都认为是英语，不设置的话，在它看来就是二进制文件。

如果本地浏览器默认语言和lang属性设置的不一致，浏览器就会自动弹出是否需要翻译