1 files changed, 107 insertions, 0 deletions
diff --git a/files/zh-cn/web/html/element/index.html b/files/zh-cn/web/html/element/index.html
new file mode 100644
index 0000000000..fcacea3cfa
--- /dev/null
+++ b/files/zh-cn/web/html/element/index.html
@@ -0,0 +1,107 @@
+---
+title: HTML 元素参考
+slug: Web/HTML/Element
+tags:
+  - Element
+  - HTML
+  - Reference
+  - Web
+  - 元素
+  - 参考
+translation_of: Web/HTML/Element
+---
+<p>{{HTMLSidebar("Elements")}}</p>
+
+<p>此页面列出了所有使用{{Glossary("Tag","标签")}}创建的 {{Glossary("HTML")}} {{Glossary("Element","元素")}}。它们已被按照功能进行分组，以便您更轻松地找到想要的内容。同时，侧边栏中也按照字母排序列出了所有元素。</p>
+
+<div class="note">
+<p>若想获知更多关于HTML元素、属性的基本信息，请查阅 <a href="/zh-CN/docs/learn/HTML/Introduction_to_HTML">HTML 介绍</a>中的相关内容。</p>
+</div>
+
+<h2 id="主根元素">主根元素</h2>
+
+<p>{{HTMLRefTable("HTML Root Element")}}</p>
+
+<h2 id="文档元数据">文档元数据</h2>
+
+<p>元数据（Metadata）含有页面的相关信息，包括样式、脚本及数据，能帮助一些软件（例如 {{Glossary("search engine", "搜索引擎")}}、{{Glossary("Browser","浏览器")}} 等等）更好地运用和渲染页面。对于样式和脚本的元数据，可以直接在网页里定义，也可以链接到包含相关信息的外部文件。</p>
+
+<p>{{HTMLRefTable("HTML Document Metadata")}}</p>
+
+<h2 id="分区根元素">分区根元素</h2>
+
+<p>{{HTMLRefTable("Sectioning Root Element")}}</p>
+
+<h2 id="内容分区">内容分区</h2>
+
+<p>内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素，来为页面内容创建明确的大纲，以便区分各个章节的内容。</p>
+
+<p>{{HTMLRefTable("HTML Sections")}}</p>
+
+<h2 id="文本内容">文本内容</h2>
+
+<p>使用 HTML 文本内容元素来组织在开标签 {{HTMLElement("body")}} 和闭标签 <code>&lt;/body&gt;</code> 里的块或章节的内容。这些元素能标识内容的宗旨或结构，而这对于 {{Glossary("accessibility")}} 和 {{Glossary("SEO")}} 很重要。</p>
+
+<p>{{HTMLRefTable("HTML Grouping Content")}}</p>
+
+<h2 id="内联文本语义">内联文本语义</h2>
+
+<p>使用 HTML 内联文本语义（Inline text semantics）定义一个单词、一行内容，或任意文字的语义、结构或样式。</p>
+
+<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>
+
+<h2 id="图片和多媒体">图片和多媒体</h2>
+
+<p>HTML 支持各种多媒体资源，例如图像、音频和视频。</p>
+
+<p>{{HTMLRefTable("multimedia")}}</p>
+
+<h2 id="内嵌内容">内嵌内容</h2>
+
+<p>除了常规的多媒体内容，HTML 可以包括各种其他的内容，即使它并不容易交互。</p>
+
+<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>
+
+<h2 id="脚本">脚本</h2>
+
+<p>为了创建动态内容和 Web 应用程序，HTML 支持使用脚本语言，最突出的就是 JavaScript。某些元素用于支持此功能。</p>
+
+<p>{{HTMLRefTable("HTML Scripting")}}</p>
+
+<h2 id="编辑标识">编辑标识</h2>
+
+<p>这些元素能标示出某个文本被更改过的部分。</p>
+
+<p>{{HTMLRefTable("HTML Edits")}}</p>
+
+<h2 id="表格内容">表格内容</h2>
+
+<p>这里的元素用于创建和处理表格数据。</p>
+
+<p>{{HTMLRefTable("HTML tabular data")}}</p>
+
+<h2 id="表单">表单</h2>
+
+<p>HTML 提供了许多可一起使用的元素，这些元素能用来创建一个用户可以填写并提交到网站或应用程序的表单。详情请参阅 <a href="/zh-CN/docs/Web/Guide/HTML/Forms">HTML 表单指南</a>。</p>
+
+<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>
+
+<h2 id="交互元素">交互元素</h2>
+
+<p>HTML 提供了一系列有助于创建交互式用户界面对象的元素。</p>
+
+<p>{{HTMLRefTable("HTML interactive elements")}}</p>
+
+<h2 id="Web_组件">Web 组件</h2>
+
+<p>Web 组件是一种与 HTML 相关联（HTML-related）的技术，简单来说，它允许开发者创建自定义元素，并如同普通的 HTML 一样使用它们。另外，也可以创建经过自定义的标准 HTML 元素。</p>
+
+<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p>
+
+<h2 id="过时的和弃用的元素">过时的和弃用的元素</h2>
+
+<div class="warning">
+<p><strong>警告：</strong>下面这些旧的 HTML 元素已被弃用，且不应再被使用。<strong>千万不要在新的项目中使用它们，并且要尽快替换旧项目中的残余。</strong>在此列出，仅供参考。</p>
+</div>
+
+<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>