html中lang问题

html-css016

html中lang问题,第1张

W3C的规定是:HTML 4.01中的lang的属性值使用RFC1766中的定义值。HTML 4.01的语言代码不区分大小写。

<!DOCTYPE HTML>//这个网页的文档类型,这个是html5的写法

<html lang="en">//这里的lang="en"可以删除,如果不删除的,用谷歌之类打开,它会认为是英文的,会自动给翻译(如果设置了自动翻译的话)

<head>//这个就是头部的那个标签了。

<meta charset="UTF-8">//这个是设置的编码为UTF-8的

如果浏览器遵循W3C标准,lang属性可以用来定义样式。class定义了主要CSS,lang可以在class的基础上做出适当修改。

比如:

<style>

p{/*lang无效*/

font-family: "宋体"

font-size: 14px

color: #F00

}

p:lang(zh-CN){/*lang="zh-CN"*/

font-family: "宋体"

}

p:lang(en-US){/*lang="en-US"*/

font-family: Arial

}

</style>

这里p标签的主要CSS只定义了字体大小和颜色,然后就需要通过标签的lang属性来确定字体。

lang属性的好处呢,就在于它的CSS继承性,或许p标签需要定义很多样式,但不同的语言(其实也不只是语言)可能需要变动少量的样式,如果把这些样式分开定义,可能就会似的CSS很冗长,浪费用户的流量和内存。

很多大网站不加可能是因为没有这个需求吧,这个属性定义了是什么语言显示页面的

<html lang="en">是什么意思?html标签lang属性规定元素内容的语言。

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

其中lang属性的属性值是ISO 639-1 语言代码,ISO 639-1 为各种语言定义了缩略词。

其中属性值en是English的简写。Chinese的简写是zh。

lang里面的值常见的就是en、zh,有很多种语言类型,如下图: