HTML的lang属性的作用

今天翻了一下《css权威指南》选择器章节，看到伪类选择器，也叫语言选择器:lang(language)，顾名思义它会根据html设置的语言应用对应样式，如：

*:lang(en){
    color: red;
}

会作用在这个P元素上

<p lang="en">中文english</p>

效果就是p里的文字全部显示为红色，en代表英文，然而不管p元素里的文字的是中文英文还是法文，都会应用此样式。

lang属性可选值见这里。

设置lang属性有什么用处？

• 根据lang属性来设定不同语言的css样式，或者字体

• 告诉搜索引擎做精确的识别

• 让语法检查程序做语言识别

• 帮助翻译工具做识别

• 帮助网页阅读程序做识别等等

欢迎讨论