HTML元素的lang属性的说明及详解
2021-10-16 本文已影响0人
LRachel
今天翻看Bootstrap文档全局CSS样式时又看到这串代码
// Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。
在你项目中的每个页面都要参照下面的格式进行设置。
<!doctype html>
<html lang="en">
...
</html>
那么这个lang属性有什么作用
<html lang="en">
它主要是向搜索引擎表示该页面是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属性设置的不一致，浏览器就会自动弹出是否需要翻译
