html中的lang标记有什么用

html-css011

html中的lang标记有什么用,第1张

写在html标签中的lang属性作用：声明当前页面的语言类型。

如： 

<htmllang='en'>

</html>//英文 

<htmllang='zh'>

</html>//中文 

<htmllang='ja'></html>//日文 

<htmllang='en-us'></html>//美式英文 

注意：lang属性中的语言代码不区分大小写。

<htmllang='en-us'></html>//英文 

<htmllang='en-US'></html>//英文 

上面的两行代码一样的效果。 

另外，lang属性也可以加到普通标签上。

扩展资料

html中的声明：

<!DOCTYPE>声明必须是 HTML 文档的第一行，位于 <html>标签之前。

<!DOCTYPE>声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，这样浏览器才能获知文档类型。

在 HTML 4.01 中，<!DOCTYPE>声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

现在主要记住：H5的声明方式：<!DOCTYPE html>

常用标签及其属性：

1-标题标签h1~h6(越来越小)。

标题标准属性：id, class, title, style, dir, lang, xml:lang；事件属性：onclick, ondblclick等。

2-链接标签<a><img>

<a>属性有：download、href、name、target等。

<img>有：src（规定显示图像的 URL）、alt（规定图像的替代文本）。

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很冗长，浪费用户的流量和内存。

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