<!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很冗长，浪费用户的流量和内存。
很多大网站不加可能是因为没有这个需求吧，这个属性定义了是什么语言显示页面的
是表示你这个页面是什么语言。lang是language的简写，表示语言的意思。 en表示English，表示这个页面是英语的。那么你应该会猜想到会有其他的语言标识，没错，是会有：<html lang="en">//英文
<html lang="zh-CN">//中文
<html lang="ja">//日文
<html lang="en-US">//美式英文
以上只是列了一部分。
那么如果页面既有中文又有英文怎么办呢？其实你都<html lang=en>也没关系的，实际并没有什么区别。它最初设计只是用来标识这页面是什么类型的语言，可能对于第三方有作用，比如谷歌浏览器带翻译插件的话检测到这个字段就会提示“检测到英文页面，是否要翻译”，对于浏览器本身的渲染来说没任何影响的。因为通常现在网页编码都是utf-8，什么语言文字都能容纳及正常显示。
<html lang="en">是什么意思？html标签lang属性规定元素内容的语言。
所有浏览器均支持 lang 属性。
其中lang属性的属性值是ISO 639-1 语言代码，ISO 639-1 为各种语言定义了缩略词。
其中属性值en是English的简写。Chinese的简写是zh。
lang里面的值常见的就是en、zh，有很多种语言类型，如下图：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）