HTML知识拾遗(8):全局属性(Global attributes)之accesskey、contenteditable以及lang等

只涵盖部分,详见MDN

<!-- accesskey -->
<!-- 做大app的时候可能会用到,不同浏览器对accesskey的处理很不一样 -->
<a 
  href="http://www.foo.bar"
  accesskey="m"
>
 Try Pressing Alt and KeyM on Chrome
</a>
<!-- conteneditable -->
<!-- 下面是开发者常见的用法 -->
<data:text/html, <html contenteditable>
<!-- 网页内的用法 -->
<p contenteditable="true">
  Edit Me
</p>
<!-- dir -->
<!-- text direction,文本的方向,中文网页不怎么用的到吧 -->
<p dir="rtl">for Arabic</p>
<!-- spellcheck -->
<p spellcheck="true">chek for mistakes</p>
<!-- lang -->
<!-- 
  不妨参考清风轩的文章,或者上知乎。
  很多网友讨论得很学究。
  但是,W3C如何规定,跟搜索引擎怎么排名没有必然联系。
  (据说,)谷歌是不管lang属性的,百度估计也一样。
  但是,保守起见,抄你行业内的龙头老大的做法吧。
  另外,有些读屏软件会用到这个属性。
  最后,有的网站会在html上写lang属性,
  有的会在一个<meta>上写。
  PS,网上有不少过期信息,比如W3Schools
-->

<!-- 360的用例,这个是最认真的了 -->
<!Doctype html>
<!--[if lt IE 7 ]><html class=ie6 lang="zh-cn"><![endif]-->
<!--[if IE 7 ]><html class=ie7 lang="zh-cn"><![endif]-->
<!--[if IE 8 ]><html class=ie8 lang="zh-cn"><![endif]-->
<!--[if IE 9 ]><html class=ie9 lang="zh-cn"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="modern" lang="zh-cmn-Hans"><!--<![endif]-->
 
<!-- 豆瓣 -->
<html lang="zh-cmn-Hans">
 
<!-- 维基百科中文版、淘宝、QQ.com的用例 -->
<html lang="zh-CN">
 
<!-- 百度、百度百科、京东、搜狐、新浪、网易、优酷、天猫的用例 -->
<!-- 我们没用啊 -->
 
<!-- 知乎、纽约时报中文网的用例 -->
<html lang="zh">
 
<!-- 注意,谷歌香港/台湾切换语言后,
  lang的值会变,不一一列举 
-->
<!-- 谷歌台湾 -->
<html lang="zh-TW">
<!-- 谷歌香港,繁体 -->
<html lang="zh-HK">
<!-- 谷歌香港、谷歌中文、FT中文网,简体 -->
<html lang="zh-CN">
 
<!-- 支付宝用例,好像搞错了吧, “en”? -->
<html lang="en">