一、资源
先提供资源。如果我弄错了什么，请以这些文档为准：
W3C文档、IANA已登记的子标签、BCP 47、RFC 5646。
二、格式简介
先上一张图片：
一个Language Tags，由①到⑦一共四个子标签组成。有什么盘算不清楚的，请参考资源部分提供的文档。
三、各部分含义
①language：主语言，用代码“zh”表示汉语，小写。好像对于大小写没有强制要求，习惯而已。还是遵循习惯吧，总让别人看着别扭不是彰显个性的好办法。
②extlang：翻译成“扩展的语言”？对于汉语而言，这个部分表示的是普通话和方言。比如“cmn”表示普通话，“yue”表示粤语，“lzh”我也不知道表示什么。小写。
③script：书写格式，汉语不存在西方语言的拼写变化，只有“简体”和“繁体”之分。“Hans”表示简体，“Hant”表示繁体，首字母大写。
④region：地区，跟汉语有关的地区大概就是中国大陆（CN）、中国台湾（TW）、中国香港（HK）、中国澳门（MO）、新加坡（SG）这五处。
⑤⑥⑦：你猜……
四、方言的困扰
我数了一下，除了“cmn”表示普通话之外，IANA还批准了至少13个方言子标签，罗列如下：
cdo、cjy、cpx、czh、czo、gan、hak、hsn、lzh、mnp、nan、wuu、yue
引起困惑的是，这些标签，既可以作为extlang子标签表示方言（扩展的语言？）也可以放在language位置作为主语言。那么这些标签和传统的“zh”标签是什么关系呢？IANA把“zh”定义为“macrolanguage”，搞不清楚怎么翻译，微语言？宏语言？还是语系？BCP 47的观点认为汉语包含若干语言，它似乎认为汉语的方言可以视为独立的语言。所以，“zh”依然可以作为主语言，然后在extlang的位置标示方言，即<html lang="zh-cdo-Hans”>这样的格式。同时它也支持直接把方言作为主语言使用，即<html lang="cdo-Hans”>这样的格式。
弄清方言带来的困惑之后，我个人的建议是使用“zh”作为主语言。我不想进行政治讨论也不想研究深奥的学术问题，建议只使用“zh”做主语言子标签的唯一理由是避免混乱。现在为数不多（就算不多吧）的方言标签还是一种很幸福的状态。别忘了江湖上有着反击战中用方言当密语的传说，而哈尔滨西安成都恐怕又是不同的方言。谁知道IANA的大佬们未来会批准出多少个中国的语言来，都背下来？或者维护代码的时候，先查一下这是中国方言还是某个犄角旮旯的外语？
“zh”表示中文；“zh-xxx"还是表示中文，不过需要考虑方言特性。这样的表达不会带来任何误解。
五、越短越好
W3C的建议是：“The golden rule when creating language tags is to keep the tag as short as possible”。标签的某些部分确实没有必要。比如如果不涉及语音合成等应用，extlang部分存在的意义微乎其微，不管你是什么方言口音，写出来的是一样的文字。而region部分对于汉语而言似乎实意义也不大，有人知道新加坡人说普通话和大陆人有什么区别吗，我不太清楚。
所以，W3C的示例就成了最好的用法——“zh-Hans”——中文，简体。足矣。或者我个人觉得只用“zh”也可以，混用简繁可以有啊。
六、兼容
传统上，一般使用“zh-CN”，新的标准是不是被所有的浏览器支持，这个我真的没有精力去试一试，或者目前使用“zh-Hans-CN”更保险一些？
七、免责
不能保证内容的正确性。更可靠的手段是阅读标准文档。
写这篇小文，是因为刚刚帮朋友讲了一下相关的内容，就顺手写下来了。还能帮到别的网友的话，那是我的荣幸。
虽然提供了四个资源链接，其实这一次我并没有再次阅读。全是靠记忆写的，如果有什么错误的地方，还请谅解，也请您向我指出。
原文：https://www.cnblogs.com/cndavidwang/p/11790153.html
display: none;与visibility: hidden;的区别
display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见，display: none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无法显示；
属性设置百分比时的计算参考汇总
元素宽高width,min-width,max-width等元素宽度设置百分比，以包含块的宽度为标准进行计算；height,min-height,max-height等元素宽度设置百分比，以包含块的高度为标准进行计算；
readonly与disabled的区别
readonly 只对 <input> 和 <textarea> 标签有效;disabled 对所有表单元素都有效, 包括：<input>, <textarea>, <button>, <label>, <option>, <select>等
css的overflow属性
事实上我挺长一段时间都没弄清楚overflow:scroll与overflow:auto的差别，今天测试了一下，总算是明白了。visible： 不剪切内容。hidden： 将超出对象尺寸的内容进行裁剪，将不出现滚动条。scroll： 将超出对象尺寸的内容进行裁剪，并以滚动条的方式显示超出的内容。
Vue Prop属性功能与用法实例
这篇文章主要介绍了Vue Prop属性功能与用法,结合实例形式较为详细的分析了vue.js中Prop属性的功能、原理、使用方法及相关操作注意事项,写的十分的全面细致，具有一定的参考价值
深入剖析z-index属性
层叠顺序的大小比较;层叠顺序级别高的元素覆盖级别低的元素。首先要注意，z-index:auto 虽然可以看作z-index:0 ，但是这仅仅是在层叠顺序的比较上；从层叠上下文上讲，二者有本质差别：auto 不会创建层叠上下文，z-index:0 会创建层叠上下文。
Vue.js-计算属性和class与style绑定
所有的计算属性都以函数的形式写在Vue实例中的computed选项内，最终返回计算后的结果。在一个计算属性中可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果即可。
css属性分类介绍
CSS分类目录 文本/字体/颜色 文本相关 字体相关 颜色相关 背景相关 大小/布局 大小属性 margin 外边距 padding 内边距 border 边框 position 定位 列表/表格 多列属性 可伸缩框属性 列表属性 Grid属性 Table属性 动画属性 Animation 动画属性 Transition 过渡属性
css中word-wrap white-space word-break textoverflow的使用
word-wrap正常来说，在一行文本中，如果出现这一行已经放不下的单词，浏览器会自动将该文字转入下一行。white-space规定段落中的文本不进行换行。
css使用到的border边框属性
border 在一个声明中设置所有的边框属性。 border-bottom在一个声明中设置所有的下边框属性。border-bottom-color设置下边框的颜色。border-bottom-style设置下边框的样式。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!