[努力100天]【第一天复习】学习笔记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

如何标记的例子:

  1. 简体中文页面:html lang=zh-cmn-Hans
  2. 繁体中文页面:html lang=zh-cmn-Hant
  3. 英语页面: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/

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值