html5 lang属性都有哪些语言,lang - 定义元素的语言属性 - html5全局属性

lang

lang 全局属性参与了元素语言的定义。这个语言是不可编辑元素写入的语言,或者可编辑元素应该写入的语言。标签包含单个条目,值的格式由用于定义语言的标签(BCP47)IETF 文档定义。如果标签的内容是空字符串,语言就设为未知。如果标签内容是无效的,根据 BCP47,它就设为无效。

示例

This paragraph is English, but the language is not specifically defined.

This paragraph is defined as British English.

Ce paragraphe est défini en français.

.demo1 .output {

font: 1rem 'Fira Sans', sans-serif;

}

.demo1 p::before {

padding-right: 5px;

}

.demo1 [lang="en-GB"]::before {

content: url('/upload/image/202005/british-flag.jpg');

}

.demo1 [lang="fr"]::before {

content: url('/upload/image/202005/french-flag.jpg');

}

This paragraph is English, but the language is not specifically defined.

This paragraph is defined as British English.

Ce paragraphe est défini en français.

语言标签语法

完整的BCP47语法足以标记极其特定的语言方言,但大多数用法都要简单得多。

语言标记由连字符分隔的语言子标签组成,其中每个子标签指示该语言的特定属性。 3个最常见的子标签是:语言子标签

Required。一个2或3个字符的代码,用于定义基本语言,通常全部用小写编写。例如,English的语言代码是en,Badeshi的代码是bdz。

脚本子标签

该子标签定义了用于该语言的书写系统,并且总是4个字符长,首字母大写。例如,French-in-Braille是fr-Brai,ja-Kana是用Katakana字母书写的日文。如果语言是以非常典型的方式编写的,例如拉丁字母表中的英语,则无需使用此子标签。

地区子标签

该子标签定义了来自特定位置的基本语言的方言,并且是ALLCAPS中与国家代码匹配的2个字母,或者是与非国家区域匹配的3个数字。例如,es-ES是西班牙语中的西班牙语,es-013是中美洲的西班牙语。“国际西班牙语”就是es。

如果两者都存在,则脚本子标签位于区域子标签之前––ru-Cyrl-BY是俄语,用白俄罗斯语中的西里尔字母书写。

要查找语言的正确子标签代码,请参阅语言子标签查找。

即使设置了lang属性,也可能无效,因为xml:lang属性更加优先。

对于CSS伪类:lang,如果它们的名称不同,则两个无效的语言名称是不同的。比如:lang(es)匹配lang =“es-ES”和lang ="es-419",而:lang(xyzzy)与lang ="xyzzy-Zorp!"不匹配。

实例段落中包含一些法语:

ceci est un paragraphe.

浏览器支持1878cdc442c78be424141e8d23fcc3f4.gif97025d18480c559ff507c6e3a9b8aac8.gif6f7088d28d6f7ea604e66cfba3b1e71d.gifbe610315b796c1b1d41a4e5496e268a7.gif2a97a8c5460fd66b35928591ac5b9c39.gif

所有浏览器都支持所有主流浏览器都支持lang属性

定义和用法

lang 属性规定元素内容的语言。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中, lang 属性可用于任何的 HTML 元素(它会验证任何HTML元素。但不一定是有用)。

语法

属性值值描述

language_code规定元素内容的语言代码。语言代码参考手册。语言代码参考手册

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值