doc: update attribute/global/lang.md

Author: jaywcjlove

docs/attribute/global/id.md

@@ -0,0 +1,48 @@
+HTML `id` 属性
+===
+
+## 实例
+
+使用 `id` 属性通过 JavaScript 操作文本：
+
+```html idoc:preview:iframe
+<h2 id="myHeader">Hello World!</h2>
+<button onclick="displayResult()">Change text</button>
+<script>
+function displayResult() {
+  document.getElementById("myHeader").innerHTML = "Have a nice day!";
+}
+</script>
+```
+
+## 定义和使用
+
+`id` 属性为 HTML 元素指定一个唯一的 id（该值在 HTML 文档中必须是唯一的）。
+
+`id` 属性最常用于指向样式表中的样式，并通过 JavaScript（通过 HTML DOM）来操作具有特定 `id` 的元素。
+
+## 浏览器支持
+
+表中的数字指定了完全支持该属性的第一个浏览器版本。
+
+| &nbsp; | ![chrome][1] | ![edge][2] | ![firefox][3] | ![safari][4] | ![opera][5] |
+| ---- | ---- | ---- | ---- | ---- | ---- |
+| __&lt;id&gt;__ | Yes | Yes | Yes | Yes | Yes |
+
+## 语法
+
+```html
+<element id="id">
+```
+
+## 属性值
+
+值 Value | 描述 Description
+---- | ----
+id | 指定元素的唯一 ID。 命名规则：<br/>1. 必须包含至少一个字符<br/> 2. 不得包含任何空格字符
+
+[1]: ../../assets/chrome.svg
+[2]: ../../assets/edge.svg
+[3]: ../../assets/firefox.svg
+[4]: ../../assets/safari.svg
+[5]: ../../assets/opera.svg

docs/attribute/global/lang.md

@@ -0,0 +1,42 @@
+HTML `lang` 属性
+===
+
+## 实例
+
+一段文本中的一些 `法语` 文本：
+
+```html idoc:preview
+<p lang="fr">Ceci est un paragraphe.</p>
+```
+
+## 定义和使用
+
+`lang` 属性指定元素内容的语言。
+
+常见的例子是英语的 `en`，西班牙语的 `es`，法语的 `fr` 等等。
+
+## 浏览器支持
+
+表中的数字指定了完全支持该属性的第一个浏览器版本。
+
+| &nbsp; | ![chrome][1] | ![edge][2] | ![firefox][3] | ![safari][4] | ![opera][5] |
+| ---- | ---- | ---- | ---- | ---- | ---- |
+| __&lt;lang&gt;__ | Yes | Yes | Yes | Yes | Yes |
+
+## 语法
+
+```html
+<element lang="language_code">
+```
+
+## 属性值
+
+值 Value | 描述 Description
+---- | ----
+language_code | 指定元素内容的语言代码。[语言代码参考](../../reference/language_codes.md)
+
+[1]: ../../assets/chrome.svg
+[2]: ../../assets/edge.svg
+[3]: ../../assets/firefox.svg
+[4]: ../../assets/safari.svg
+[5]: ../../assets/opera.svg