这里是引用
#html的基本标签
文档声明<!doctype html>
<!doctype html>文档声明并不是html的标签,它指示web浏览器关于页面是用那种html版本进行编写指令。
html标签
此标签告诉浏览器其自身是一份html文档。
常用属性:lang。
lang 属性是一个非常重要的属性,因为它标识web上文本内容的语言,而且这种信息在许多地方都被使用。语言相关的风格设计的关键在于在页面标记中正确使用 lang 属性,lang属性可以识别ISO 639 language codes作为值。一般指导原则是 html 元素必须始终具有 lang 属性集,然后该属性将被所有其他元素继承。 `
<p>The fourth animal in the Chinese Zodiac is Rabbit (<span lang="zh">兔子</span>).</p>
HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。
但是 value却有两种说法:
单一的 zh 和 zh-CN 均属于废弃用法。zh现在不是语言code了,而是macrolang,能作为语言code的是cmn(国语)、yue(粤语)、wuu(吴语)等。
zh-CN 的问题还在于,其实多数情况下标记的是简体中文,但是不恰当的使用了地区,这导致同样用简体中文的 zh-SG(新加坡)等无法匹配。更典型的是 zh-TW 和 zh-HK。所以其实应该使用 zh-Hans / zh-Hant 来表示简体和繁体。那么完整的写法就是 zh-cmn-Hans,表示简体中文书写的普通话/国语。一般而言没有必要加地区代码,除非要表示地区特异性,一般是词汇不一样(比如维基百科的大陆简体和新马简体)。引用 https://blog.csdn.net/zhouzuoluo/article/details/89336069?utm_source=app&app_version=4.5.0
如何标记的例子:
- 简体中文页面:html lang=zh-cmn-Hans
- 繁体中文页面:html lang=zh-cmn-Hant
- 英语页面:html lang=en
%%
Type: region
Subtag: CN
Description: China
Added: 2005-10-16
%%
%%
Type: script
Subtag: Hans
Description: Han (Simplified variant)
Added: 2005-10-16
%%
所以区别就很明显了:
zh-CN 表示用在中国大陆区域的中文。包括各种大方言、小方言、繁体、简体等等都可以被匹配到。
zh-Hans 表示简体中文。适用区域范围是全宇宙用中文简体的地方,内容包括各种用简体的方言等。
https://blog.csdn.net/weixin_30354675/article/details/99091218?utm_source=app&app_version=4.5.0
别一种说法:
中文被认为是一种宏语言,这意味着它的语言标签可以用额外的特殊性来组成,比如说文字子标签 Hans 或 Hant(W3C说只有在必要时才用文字子标签来区分你所需要的,否则不要用),地区子标签 HK 或 TW 等等。
:lang() 伪类选择器
:lang() 伪类选择器并不那么出名 我也是第一次见这个选择器。但是,此伪类选择器非常酷,因为即使在元素外部声明了语言,它也可以识别内容的语言。
例如,一行标记有两种语言:
<style>
em:lang(zh){
font-weight: normal;
display:list-item;
list-style-type:disc;
margin-left:2em
}
</style>
<p>
We use <em>italics</em>
to emphasise words in English,
<span lang="zh-Hans">但是中文则是用<em>着重号</em></span>.
</p>
使用使用属性选择器
e[lang]
<style>
em[lang]{
font-weight: normal;
color: red;
}
<p>
We use <em>italics</em>
to emphasise words in English,
<span lang="zh-Hans">但是中文则是用<em lang="zh">着重号</em></span>.
</p>
e[lang^=“zh”] (以zh开头的)
<style>
em[lang="zh"]{
font-weight: normal;
color: red;
}
</style>
e[lang|=“zh”] (特定属性选择类型)
上面这个规则会选择 lang 属性等于 zh 或以 zh- 开头的所有元素
好像是为了语言子代码匹配而设计的,不是吗?
这期是由html标签 引出的lang属性, 我也没想到 一个小小的 以前都没有关注过的lang身上的故事这么说。其实它还是标准化之争—CSS的国际化。
引用:
https://www.toutiao.com/a6820774006841410062/