HTML中的语言信息(教程)

你为什么应该读这篇文章?

页面的语言信息对于无障碍、样式、搜索和其他因素都有重要的影响。另外,在用户代理和服务器之间传输的语言信息可用于帮助改进用户导航和站点的本地化能力。本教程将帮助你通过声明语言信息来利用这些现在和不久的将来的机会。

目标

读完本教程后,你可以:

目标读者:HTML、CSS和JavaScript开发者以及需要知道如何在HTML中声明和使用语言信息的任何人。本文假设你对HTML和CSS有基本的了解。

本教程汇总了一些文章,帮助你了解编写HTML和CSS时如何使用语言信息。

简言之

始终向lang标签添加lang属性以设置页面的默认语言。

<html lang="en">

如果这是XHTML 1.x或作为XML的HTML5 polyglot文档,还应该使用xml:lang属性(属性值相同)。如果你的页面只以XML形式提供,则只需使用xml:lang属性。

请不要使用将http-equiv设置为Content-Languagemeta元素。

从IANA语言子标签注册中心中选择标签,并在使用多个语言子标签时遵循BCP 47的语法规则。让语言标签尽可能短。

使用CSS中的:lang伪类来应用取决于内容语言的样式。

为什么要声明语言?

本教程的这部分说明了阅读其余部分的原因。如果你很急,只想知道该怎么做,不需要相关理论知识,请从如何声明页面或元素的语言部分开始阅读。

浏览器和其他应用使用有关内容语言的信息向用户传递最合适的信息,或者用最合适的方式向用户呈现该信息。被正确标记的内容越多,这类应用就会越有用和普遍。

为什么使用语言属性一文包括语言信息如何发挥作用的示例。

如何声明页面或元素的语言

你应该使用语言属性设置页面中文本的语言。不过,一些格式涉及多个属性,还有一些其他事情需要澄清。本章讨论了各种方法,包括应该使用的方法和应该避免的方法(以及原因)。

在HTML中声明语言总结了如何使用属性声明语言。

HTTP标头、meta元素和语言信息描述了语言元数据和文本的实际语言的不同,也讨论了HTTP标头和meta元素中的Content-Language。

使用语言标签

本章介绍了如何选择语言标签,也就是用于语言属性的值。

为了确保所有用户代理都能识别你的语言,在编写语言值时需要遵循标准的方法。你可能还需要考虑如何用标准的方式引用不同的方言,例如,美国英语和英国英语在拼写和发音方面存在着显著差异。

HTML和XML中的语言标签描述了BCP 47规范中的语言标签语法。

选择语言标签教你如何从数千个子标签中选择代表你需要的语言的正确子标签。

设置浏览器的语言首选项

当你的浏览器从Web获取网页时,它会向存储信息的服务器发送HTTP请求。通过HTTP请求,浏览器会发送相关语言偏好信息,而这些信息可以用来确定向你返回哪些内容。通过以下文章可以了解如何设置或更改这些首选项。

在浏览器中设置语言首选项

使用语言信息修改网页样式

很多时候,我们希望对不同语言的文本应用不同的样式(如字体、行高、不同的强调样式等)。如果你用了语言属性来标识内容的语言,就可以使用一些功能强大的选择器。当语言发生变化时,CSS自动将不同的样式应用于内容。使用语言属性设置样式探讨了执行此操作的各种方式。