【凯发旗舰官网】国信安教育 | 中国电科旗下高技能it教育培训机构-凯发旗舰

中国电科旗下高技能it教育培训机构

当前位置: 凯发旗舰-凯发k8国际手机app下载 公司动态 > 技术文章 > 干货 | html隐藏知识点(二):这个细节决定网站质量

干货 | html隐藏知识点(二):这个细节决定网站质量

2018-09-17 14:07:35

关于html的隐藏知识点,

上篇文章给大家讲到了文档声明doctype,

今天继续给大家说一下

关于html中入门程序员很少关注的东西。




  大家都知道是html页面中的根标签,所有标签结构的父级。大家在玩的时候其实最长忽略的也是这个标签。


  平时大家可能见过标签上面有一个lang属性,那么今天和大家聊一下,关于lang属性的相关东西。


  lang属性是在html5中才放在中的。最早是在标签上的。


  

  如今在html5中放置在标签中。



  那么这个属性具体是做什么的呢,下面给大家好好聊聊。



1

什么是lang属性?


  lang属性指定元素的内容和任何包含文字元素的属性的主要语言。其值必须是有效的bcp 47语言标记(识别语言标记)或空字符串。


  简单说就是他描述了这个网页中的语言类型,那要他有什么用呢,他能告诉搜索引擎和浏览器你的网页用的什么语言。这样对浏览器和搜索引擎都是很友好的事情。


2

  对浏览器和搜索引擎友好有什么用?


1、你的页面就会被搜索引擎更好的搜索,如果有特定语言搜索。

2、对于屏幕阅读障碍的,各个语言文字的发音很重要。

3、大家平时可能在打开某些网站的时候浏览器都会提示是否翻译成中文,这也是因为这个标记的作用。


所以一个小小的细节对你的网站是有很大的用途。


3

  常见的语言以及写法


汉语(zhongwen):zh

英语(english):en

德语(deutsch):de

日语(japanese):ja

详细的自行点击查看iso 639 


  这时候有很多小朋友就疑惑了。我好像见到的html中关于汉语的写法不是zh而是zh-cn,那这又有什么区别呢?


4

zh与zh-cn的区别


  其实这涉及到了html发展。

  在html5中说这两种都不是很严格,小伙伴一定一脸懵逼,咋回事?

zh现在属于国家语言,大家都知道咱们国家是有很多语言的,简体,繁体。


  而zh-ch,大多数情况代表的是简体中文-大陆地区,这样有个问题zh-sg新加坡,同样是简体中文就无法识别。所有有的时候加上地区不是很好。除非有特定的需求。


  所以根据不同网站需求写法应该不同。


  语言的文字标签书写顺序

language-extlang-script-region-variant-extension-privateuse

语言文字种类-扩展语言文字种类-书写格式-国家和地区-变体-扩展-私有


  也就是说zh这种单一的描述是不太好的,而zh这种单独写法早已废除掉。

  举例:

zh-cmn-hans   简体中文页面

zh-cmn-hant   繁体中文页面

zh-cmn  电影/歌曲播放页面,简体,繁体都有       yue  粤语歌曲页面

    

5

以后我们怎么写?


  如果网页有特定需求,需要很精准,如上面例子,大家写的详细,对于搜索,浏览器极好。


  但是考虑到,新标准可能会造成无法匹配浏览器用户定义字体、网页翻译、程序语言自动切换等功能,为了兼容性的考量可以使用:

zh-cn 简体-中文大陆

zh-sg 简体-新加坡

zh-hk 繁体-香港

zh-mo 繁体-澳门

zh-tw 繁体-台湾


  但所有新版浏览器都兼容良好的情况下,还是建议精确详细写。


  

   好啦!本次分享就到这里啦,

   关于html隐藏知识点,八妹还会继续更新,敬请关注喔~

 


相关推荐

网站地图