aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/api
diff options
context:
space:
mode:
Diffstat (limited to 'files/zh-cn/web/api')
-rw-r--r--files/zh-cn/web/api/analysernode/index.html2
-rw-r--r--files/zh-cn/web/api/animationevent/animationevent/index.html2
-rw-r--r--files/zh-cn/web/api/beacon_api/using_the_beacon_api/index.html104
-rw-r--r--files/zh-cn/web/api/body/arraybuffer/index.html2
-rw-r--r--files/zh-cn/web/api/canvasgradient/addcolorstop/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html4
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html5
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html8
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html2
-rw-r--r--files/zh-cn/web/api/channel_messaging_api/index.html2
-rw-r--r--files/zh-cn/web/api/css/index.html2
-rw-r--r--files/zh-cn/web/api/cssstylesheet/insertrule/index.html2
-rw-r--r--files/zh-cn/web/api/document/activeelement/index.html (renamed from files/zh-cn/web/api/documentorshadowroot/activeelement/index.html)3
-rw-r--r--files/zh-cn/web/api/document/adoptnode/index.html4
-rw-r--r--files/zh-cn/web/api/document/fullscreenelement/index.html (renamed from files/zh-cn/web/api/documentorshadowroot/fullscreenelement/index.html)4
-rw-r--r--files/zh-cn/web/api/document/getselection/index.html (renamed from files/zh-cn/web/api/documentorshadowroot/getselection/index.html)3
-rw-r--r--files/zh-cn/web/api/document/pointerlockelement/index.html (renamed from files/zh-cn/web/api/documentorshadowroot/pointerlockelement/index.html)4
-rw-r--r--files/zh-cn/web/api/document/stylesheets/index.html (renamed from files/zh-cn/web/api/documentorshadowroot/stylesheets/index.html)3
-rw-r--r--files/zh-cn/web/api/element/insertadjacenthtml/index.html4
-rw-r--r--files/zh-cn/web/api/element/nextelementsibling/index.html (renamed from files/zh-cn/web/api/nondocumenttypechildnode/nextelementsibling/index.html)3
-rw-r--r--files/zh-cn/web/api/element/previouselementsibling/index.html (renamed from files/zh-cn/web/api/nondocumenttypechildnode/previouselementsibling/index.html)3
-rw-r--r--files/zh-cn/web/api/eventtarget/addeventlistener/index.html2
-rw-r--r--files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html2
-rw-r--r--files/zh-cn/web/api/globaleventhandlers/onwheel/index.html6
-rw-r--r--files/zh-cn/web/api/headers/keys/index.html2
-rw-r--r--files/zh-cn/web/api/htmlanchorelement/hash/index.html (renamed from files/zh-cn/web/api/htmlhyperlinkelementutils/hash/index.html)4
-rw-r--r--files/zh-cn/web/api/htmlanchorelement/href/index.html (renamed from files/zh-cn/web/api/htmlhyperlinkelementutils/href/index.html)4
-rw-r--r--files/zh-cn/web/api/htmlanchorelement/origin/index.html (renamed from files/zh-cn/web/api/htmlhyperlinkelementutils/origin/index.html)4
-rw-r--r--files/zh-cn/web/api/htmlanchorelement/password/index.html (renamed from files/zh-cn/web/api/htmlhyperlinkelementutils/password/index.html)4
-rw-r--r--files/zh-cn/web/api/htmlanchorelement/pathname/index.html (renamed from files/zh-cn/web/api/htmlhyperlinkelementutils/pathname/index.html)4
-rw-r--r--files/zh-cn/web/api/htmlanchorelement/search/index.html (renamed from files/zh-cn/web/api/htmlhyperlinkelementutils/search/index.html)4
-rw-r--r--files/zh-cn/web/api/htmlanchorelement/tostring/index.html (renamed from files/zh-cn/web/api/htmlhyperlinkelementutils/tostring/index.html)4
-rw-r--r--files/zh-cn/web/api/htmlanchorelement/username/index.html (renamed from files/zh-cn/web/api/htmlhyperlinkelementutils/username/index.html)4
-rw-r--r--files/zh-cn/web/api/htmlelement/input_event/index.html2
-rw-r--r--files/zh-cn/web/api/htmlhyperlinkelementutils/index.html84
-rw-r--r--files/zh-cn/web/api/htmlselectelement/remove/index.html2
-rw-r--r--files/zh-cn/web/api/imagedata/imagedata/index.html2
-rw-r--r--files/zh-cn/web/api/keyboardevent/keycode/index.html2
-rw-r--r--files/zh-cn/web/api/mutationobserver/mutationobserver/index.html4
-rw-r--r--files/zh-cn/web/api/nodeiterator/index.html2
-rw-r--r--files/zh-cn/web/api/nondocumenttypechildnode/index.html69
-rw-r--r--files/zh-cn/web/api/path2d/addpath/index.html2
-rw-r--r--files/zh-cn/web/api/path2d/path2d/index.html4
-rw-r--r--files/zh-cn/web/api/request/headers/index.html6
-rw-r--r--files/zh-cn/web/api/rtcsessiondescription/index.html2
-rw-r--r--files/zh-cn/web/api/url/url/index.html2
-rw-r--r--files/zh-cn/web/api/wakelock/request/index.html2
-rw-r--r--files/zh-cn/web/api/websocket/index.html2
-rw-r--r--files/zh-cn/web/api/websocket/readystate/index.html2
-rw-r--r--files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html2
-rw-r--r--files/zh-cn/web/api/xmlhttprequest/openrequest/index.html8
83 files changed, 106 insertions, 369 deletions
diff --git a/files/zh-cn/web/api/analysernode/index.html b/files/zh-cn/web/api/analysernode/index.html
index 00b6ff8de8..69149d77f2 100644
--- a/files/zh-cn/web/api/analysernode/index.html
+++ b/files/zh-cn/web/api/analysernode/index.html
@@ -54,7 +54,7 @@ translation_of: Web/API/AnalyserNode
<p><em>继承属性自 </em><em>{{domxref("AudioNode")}}。</em></p>
<dl>
- <dt><span id="cke_bm_91S" style="display: none;"> </span>{{domxref("AnalyserNode.fftSize")}}</dt>
+ <dt><span id="cke_bm_91S" class="hidden"> </span>{{domxref("AnalyserNode.fftSize")}}</dt>
<dd>一个无符号长整形(unsigned long)的值,代表了用于计算频域信号时使用的 FFT (<a href="https://zh.wikipedia.org/zh-cn/%E5%BF%AB%E9%80%9F%E5%82%85%E9%87%8C%E5%8F%B6%E5%8F%98%E6%8D%A2">快速傅里叶变换</a>) 的窗口大小。</dd>
<dt>{{domxref("AnalyserNode.frequencyBinCount")}} {{readonlyInline}}</dt>
<dd>一个无符号长整形(unsigned long)的值, 值为fftSize的一半。这通常等于将要用于可视化的数据值的数量。</dd>
diff --git a/files/zh-cn/web/api/animationevent/animationevent/index.html b/files/zh-cn/web/api/animationevent/animationevent/index.html
index 071cb39e9e..7df7872946 100644
--- a/files/zh-cn/web/api/animationevent/animationevent/index.html
+++ b/files/zh-cn/web/api/animationevent/animationevent/index.html
@@ -125,4 +125,4 @@ translation_of: Web/API/AnimationEvent/AnimationEvent
<li>The {{domxref("AnimationEvent")}} interface it belongs to.</li>
</ul>
-<div id="sVim-command" style="display: none;">-- NORMAL --</div>
+<div id="sVim-command" class="hidden">-- NORMAL --</div>
diff --git a/files/zh-cn/web/api/beacon_api/using_the_beacon_api/index.html b/files/zh-cn/web/api/beacon_api/using_the_beacon_api/index.html
deleted file mode 100644
index c65861c7cd..0000000000
--- a/files/zh-cn/web/api/beacon_api/using_the_beacon_api/index.html
+++ /dev/null
@@ -1,104 +0,0 @@
----
-title: 使用 Beacon API
-slug: Web/API/Beacon_API/Using_the_Beacon_API
-tags:
- - Web 性能
- - 指南
-translation_of: Web/API/Beacon_API/Using_the_Beacon_API
----
-<div>{{DefaultAPISidebar("Beacon")}}{{SeeCompatTable}}</div>
-
-<p><strong><code>Beacon</code></strong> 接口用来调度向 Web 服务器发送的异步非阻塞请求。</p>
-
-<ul>
- <li>Beacon 请求使用 HTTP <code>POST</code> 方法,并且不需要有响应。</li>
- <li>Beacon 请求能确保在页面触发 unload 之前完成初始化。</li>
-</ul>
-
-<p>这篇文档包含了 Beacon 接口的一些例子,可以在 {{domxref("Beacon_API","Beacon API")}} 查阅对应的 API。</p>
-
-<h2 id="Navigator.sendBeacon">Navigator.sendBeacon()</h2>
-
-<p>Beacon API 的 {{domxref("Navigator.sendBeacon()")}} ,会在<em>全局上下文</em>中向服务器发起一个 <em>beacon</em> 请求。这个方法需要两个参数:  <code>URL</code> 以及要发送的数据 <code>data</code> 。其中 <code>data</code> 参数是可选的,它的类型可以为 {{domxref("ArrayBufferView")}}, {{domxref("Blob")}}, {{domxref("DOMString")}}, 或者 {{domxref("FormData")}}.</p>
-
-<p>如果浏览器成功地将 beacon 请求加入到待发送的队列里,这个方法将会返回 <code>true</code> ,否则将会返回 <code>false</code> 。</p>
-
-<p>下面的例子注册了 {{event("load")}} 事件和  {{event("beforeunload")}} 事件的回调函数, 并且在回调函数里面调用了 <code>sendBeacon()</code> 方法。</p>
-
-<pre class="brush: js">window.onload = window.onunload = function analytics(event) {
- if (!navigator.sendBeacon) return;
-
- var url = "https://example.com/analytics";
- // 创建待发送数据
- var data = "state=" + event.type + "&amp;location=" + location.href;
-
- // 发送beacon请求
- var status = navigator.sendBeacon(url, data);
-
- // 打印数据以及结果
- console.log("sendBeacon: URL = ", url, "; data = ", data, "; status = ", status);
-};
-</pre>
-
-<p>接下来的例子创建了一个 {{event("submit")}} 事件的回调函数,并且当submit事件触发时,调用 <code>sendBeacon()</code>方法。</p>
-
-<pre class="brush: js">window.onsubmit = function send_analytics() {
- var data = JSON.stringify({
- location: location.href,
- time: Date()
- });
-
- navigator.sendBeacon('/analytics', data);
-};
-</pre>
-
-<h2 id="WorkerNavigator.sendBeacon">WorkerNavigator.sendBeacon()</h2>
-
-<p>Beacon API 的 {{domxref("WorkerNavigator.sendBeacon()")}} 的使用方法,跟平常的使用方法完全相同,区别仅在与这个方法存在 <em>{{domxref("WorkerGlobalScope","worker 全局作用域")}} </em>中</p>
-
-<p>接下来的例子展示了,使用  {{domxref("Worker")}} 发送了一个 beacon 请求,使用了全局上下文的 URL 和数据。</p>
-
-<p>这是全局上下文的代码片段:</p>
-
-<pre class="brush: js">function worker_send(url, data) {
- // 创建 worker 对象
- var myWorker = new Worker("worker-using.js");
-
- // 向 worker 发送 URL 以及 data
- myWorker.postMessage([url, data]);
-
- // 注册回调函数接收来自 worker 的成功或失败信息
- myWorker.onmessage = function(event) {
- var msg = event.data;
- // 打印 worker 的发送状态
- console.log("Worker reply: sendBeacon() status = " + msg);
- };
-}
-</pre>
-
-<p>这是 worker 中的代码片段 (<code>worker-using.js</code>):</p>
-
-<pre class="brush: js">onmessage = function(event) {
- var msg = event.data;
- // 从 msg 中分离 URL 和 data
- var url = msg[0];
- var data = msg[1];
-
- // 如果浏览器支持在 worker 里面调用 sendBeacon(), 那就发送beacon请求
- // 否则返回失败信息给全局上下文
- if (self.navigator.sendBeacon) {
- var status = self.navigator.sendBeacon(url, data);
- postMessage(status ? "success" : "fail");
- } else {
- postMessage("Worker: self.navigator.sendBeacon is unsupported");
- }
-}
-</pre>
-
-<h2 id="查看更多">查看更多</h2>
-
-<ul>
- <li>{{domxref("Beacon_API","Beacon API")}} (概览)</li>
- <li><a href="https://w3c.github.io/beacon/">Beacon 标准</a></li>
- <li><a href="http://caniuse.com/#search=beacon">Beacon CanIUse 数据</a></li>
-</ul>
diff --git a/files/zh-cn/web/api/body/arraybuffer/index.html b/files/zh-cn/web/api/body/arraybuffer/index.html
index 3cf99f2e58..de711b01b9 100644
--- a/files/zh-cn/web/api/body/arraybuffer/index.html
+++ b/files/zh-cn/web/api/body/arraybuffer/index.html
@@ -139,4 +139,4 @@ play.onclick = function() {
<li><a href="/en-US/docs/Web/HTTP">HTTP</a></li>
</ul>
-<div id="sVim-command" style="display: none;">-- NORMAL --</div>
+<div id="sVim-command" class="hidden">-- NORMAL --</div>
diff --git a/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html b/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html
index 1fd9a8152f..3d8de40534 100644
--- a/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html
+++ b/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html
@@ -45,7 +45,7 @@ ctx.fillRect(10,10,200,100);
<p>编辑以下代码可看到画布变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html
index 1b1d7fc589..aa6c90b2ed 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html
@@ -77,7 +77,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看canvas的变化(如果你没有看到全部的效果,请查看浏览器兼容性列表。如果你当前的浏览器支持点击区域,你需要激活偏好设置) 。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html
index 05b8ea3b62..5201304b84 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html
@@ -52,7 +52,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -98,7 +98,7 @@ window.addEventListener("load", drawCanvas);
<p>在此例中,使用 arc() 尽可能地绘制不同的形状。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="HTML_2">HTML</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html
index 8c8e2dc5ff..0754d05560 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html
@@ -75,7 +75,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" class="playable-canvas" height="200" width="400"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html
index 427a3a062d..31b8890dd2 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html
index 5a66c1f6e8..bbcf56f458 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html
@@ -74,7 +74,7 @@ ctx.fillRect(150, 70, 10, 10);</pre>
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html
index fd68c7e3b6..03fbe7848a 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html
@@ -56,7 +56,7 @@ ctx.fillRect(0, 0, 100,100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html
index 8446adbac8..cc8d70d2cf 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html
@@ -38,7 +38,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html
index d7e9536d37..4df64d94c4 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html
@@ -70,7 +70,7 @@ ctx.fillRect(20, 20, 200, 100);</pre>
<h4 id="结果">结果</h4>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html
index df820f2cbb..b2121ce17c 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html
@@ -61,7 +61,7 @@ ctx.fillRect(0,0,200,200);
<p>修改下面的代码并在线查看 canvas的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
index 1dc87fb0b2..ec92b0754d 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
@@ -50,7 +50,7 @@ ctx.drawFocusIfNeeded(button);
<p>修改下面的代码并在线查看 canvas的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
index b0d477e9e8..dc126e4ad4 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -66,7 +66,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth,
<h4 id="HTML">HTML</h4>
<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
width="300" height="227"&gt;
&lt;/div&gt;
@@ -87,7 +86,6 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
<h3 id="HTML_2">HTML</h3>
<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source"
src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
width="300" height="227"&gt;
@@ -109,11 +107,10 @@ image.addEventListener('load', e =&gt; {
<h4 id="结果">结果</h4>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
&lt;/div&gt;
&lt;div class="playable-buttons"&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html
index d46c4acb87..d39d8dcc7b 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html
@@ -63,7 +63,7 @@ ctx.stroke();</code></pre>
<p>修改下面的代码并在线查看 canvas 的变化(如果椭圆没有绘制,请在兼容性列表中检查你的浏览器是否支持):</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html
index a7dadcff17..a117a7eabd 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html
@@ -50,7 +50,7 @@ ctx.fill();
<p>修改下面的代码并在线查看 canvas 变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html
index ddd97227f0..81cff04162 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -51,7 +51,7 @@ ctx.fillRect(20, 10, 150, 100);</pre>
<h4 id="结果">结果</h4>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html
index 6cbff0639b..bfb0e5f33b 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -52,7 +52,7 @@ ctx.fillText("Hello world", 50, 100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html
index f96faf7401..5286c3e2d5 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html
@@ -46,7 +46,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html
index bd95a9038a..aa8ad34a6e 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html
@@ -65,7 +65,7 @@ console.log(ctx.isPointInPath(10, 10)); // true
<p>修改下面的代码, 在线查看 canvas的变化并在你的 <a href="/en-US/docs/Tools/Browser_Console">控制台</a> 中观察日志信息:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html
index 8732970d18..b0c116ee37 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html
@@ -58,7 +58,7 @@ console.log(ctx.isPointInStroke(10, 10)); // true
<p>修改线面的代码,在线查看 canvas 的变化,并在你的<a href="/en-US/docs/Tools/Browser_Console">控制台</a>查看日至信息:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html
index 44b8c1ad65..aa8f1c33ec 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html
@@ -47,7 +47,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html
index f171b170fd..5365698d00 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html
index eb99c51967..772c0ae0c5 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html
index 2719f7901c..3bdb9fab21 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html
@@ -92,7 +92,7 @@ putImageData(ctx, imagedata, 150, 0, 50, 50, 25, 25);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
index d1794c5043..4082363eb5 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
@@ -142,7 +142,7 @@ ctx.stroke();
</pre>
</div>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html
index 4053d0f387..f34e1b54ad 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html
@@ -46,7 +46,7 @@ ctx.fill();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html
index 47a91eacbf..5c9cd7bd24 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html
@@ -37,7 +37,7 @@ ctx.resetTransform();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html
index c35d6ce849..f807b5b521 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html
@@ -40,7 +40,7 @@ ctx.fillRect(150, 75, 100, 100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html
index f6ae42b495..5d92a9a718 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html
index 167c40fd19..3560f8a771 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html
@@ -49,7 +49,7 @@ ctx.fillRect(150, 75, 100, 100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html
index db95fca214..a67cfa6985 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html
@@ -117,17 +117,17 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html
index 222fb61aa0..b2edfdbe08 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html
@@ -43,7 +43,7 @@ ctx.scrollPathIntoView();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html
index 710d8f9e53..16a66f36e2 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html
@@ -68,7 +68,7 @@ ctx.stroke();
<h4 id="结果">结果</h4>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html
index 23302386e7..0d47fe8d4c 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html
@@ -57,7 +57,7 @@ ctx.fillRect(0,0,100,100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html
index 0eaef6e3af..e7dca45c16 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -41,7 +41,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html
index 404998a247..8161bda3f2 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -52,7 +52,7 @@ ctx.strokeText("Hello world", 50, 100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html
index f56c5a48ff..ac274f9891 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html
@@ -55,7 +55,7 @@ ctx.fillRect(0,0,100,100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html
index f4dd697342..a466b1d181 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html
@@ -50,7 +50,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/channel_messaging_api/index.html b/files/zh-cn/web/api/channel_messaging_api/index.html
index 6e7591d531..936886c81a 100644
--- a/files/zh-cn/web/api/channel_messaging_api/index.html
+++ b/files/zh-cn/web/api/channel_messaging_api/index.html
@@ -85,5 +85,5 @@ translation_of: Web/API/Channel_Messaging_API
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/api/css/index.html b/files/zh-cn/web/api/css/index.html
index 4a835d0bc8..460f39dfc4 100644
--- a/files/zh-cn/web/api/css/index.html
+++ b/files/zh-cn/web/api/css/index.html
@@ -69,7 +69,7 @@ translation_of: Web/API/CSS
</tbody>
</table>
-<p><span style="display: none;"> </span></p>
+<p><span class="hidden"> </span></p>
<dl>
</dl>
diff --git a/files/zh-cn/web/api/cssstylesheet/insertrule/index.html b/files/zh-cn/web/api/cssstylesheet/insertrule/index.html
index a46b91f5cc..4b89a1584e 100644
--- a/files/zh-cn/web/api/cssstylesheet/insertrule/index.html
+++ b/files/zh-cn/web/api/cssstylesheet/insertrule/index.html
@@ -202,5 +202,5 @@ function addStylesheetRules (decls) {
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/documentorshadowroot/activeelement/index.html b/files/zh-cn/web/api/document/activeelement/index.html
index 90b67fbf5c..b4dcc12e11 100644
--- a/files/zh-cn/web/api/documentorshadowroot/activeelement/index.html
+++ b/files/zh-cn/web/api/document/activeelement/index.html
@@ -1,7 +1,8 @@
---
title: DocumentOrShadowRoot.activeElement
-slug: Web/API/DocumentOrShadowRoot/activeElement
+slug: Web/API/Document/activeElement
translation_of: Web/API/DocumentOrShadowRoot/activeElement
+original_slug: Web/API/DocumentOrShadowRoot/activeElement
---
<div>{{APIRef("Shadow DOM")}}</div>
diff --git a/files/zh-cn/web/api/document/adoptnode/index.html b/files/zh-cn/web/api/document/adoptnode/index.html
index 1f502e20a6..74d824966f 100644
--- a/files/zh-cn/web/api/document/adoptnode/index.html
+++ b/files/zh-cn/web/api/document/adoptnode/index.html
@@ -17,8 +17,8 @@ translation_of: Web/API/Document/adoptNode
</pre>
<dl>
- <dt><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>node</code></dt>
- <dd>导入当前文档的新节点. 新节点的 <code><a href="https://developer.mozilla.org/zh-cn/DOM/Node.parentNode" title="zh-cn/DOM/Node.parentNode">parentNode</a></code> 是 <code>null</code>, 因为它还没有插入当前文档的文档树中,属于游离状态.<span style="display: none;">  </span><span style="display: none;"> </span></dd>
+ <dt><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>node</code></dt>
+ <dd>导入当前文档的新节点. 新节点的 <code><a href="https://developer.mozilla.org/zh-cn/DOM/Node.parentNode" title="zh-cn/DOM/Node.parentNode">parentNode</a></code> 是 <code>null</code>, 因为它还没有插入当前文档的文档树中,属于游离状态.<span class="hidden">  </span><span class="hidden"> </span></dd>
<dt><code>externalNode</code></dt>
<dd>将要从外部文档导入的节点。</dd>
</dl>
diff --git a/files/zh-cn/web/api/documentorshadowroot/fullscreenelement/index.html b/files/zh-cn/web/api/document/fullscreenelement/index.html
index d26c1b85df..e4ebc89c0c 100644
--- a/files/zh-cn/web/api/documentorshadowroot/fullscreenelement/index.html
+++ b/files/zh-cn/web/api/document/fullscreenelement/index.html
@@ -1,8 +1,8 @@
---
title: document.mozFullScreenElement
-slug: Web/API/DocumentOrShadowRoot/fullscreenElement
+slug: Web/API/Document/fullscreenElement
translation_of: Web/API/DocumentOrShadowRoot/fullscreenElement
-original_slug: Web/API/Document/mozFullScreenElement
+original_slug: Web/API/DocumentOrShadowRoot/fullscreenElement
---
<p>{{ ApiRef() }}</p>
<h3 id="Summary" name="Summary">概述</h3>
diff --git a/files/zh-cn/web/api/documentorshadowroot/getselection/index.html b/files/zh-cn/web/api/document/getselection/index.html
index 7110d24d21..f3eca58f61 100644
--- a/files/zh-cn/web/api/documentorshadowroot/getselection/index.html
+++ b/files/zh-cn/web/api/document/getselection/index.html
@@ -1,7 +1,8 @@
---
title: DocumentOrShadowRoot.getSelection()
-slug: Web/API/DocumentOrShadowRoot/getSelection
+slug: Web/API/Document/getSelection
translation_of: Web/API/DocumentOrShadowRoot/getSelection
+original_slug: Web/API/DocumentOrShadowRoot/getSelection
---
<div>{{APIRef("DOM")}}{{SeeCompatTable}}</div>
diff --git a/files/zh-cn/web/api/documentorshadowroot/pointerlockelement/index.html b/files/zh-cn/web/api/document/pointerlockelement/index.html
index 38702632bd..50f2343da8 100644
--- a/files/zh-cn/web/api/documentorshadowroot/pointerlockelement/index.html
+++ b/files/zh-cn/web/api/document/pointerlockelement/index.html
@@ -1,8 +1,8 @@
---
title: Document.pointerLockElement
-slug: Web/API/DocumentOrShadowRoot/pointerLockElement
+slug: Web/API/Document/pointerLockElement
translation_of: Web/API/DocumentOrShadowRoot/pointerLockElement
-original_slug: Web/API/Document/pointerLockElement
+original_slug: Web/API/DocumentOrShadowRoot/pointerLockElement
---
<div>{{APIRef("DOM")}}</div>
diff --git a/files/zh-cn/web/api/documentorshadowroot/stylesheets/index.html b/files/zh-cn/web/api/document/stylesheets/index.html
index 1c9425a744..f94497ceeb 100644
--- a/files/zh-cn/web/api/documentorshadowroot/stylesheets/index.html
+++ b/files/zh-cn/web/api/document/stylesheets/index.html
@@ -1,7 +1,8 @@
---
title: DocumentOrShadowRoot.styleSheets
-slug: Web/API/DocumentOrShadowRoot/styleSheets
+slug: Web/API/Document/styleSheets
translation_of: Web/API/DocumentOrShadowRoot/styleSheets
+original_slug: Web/API/DocumentOrShadowRoot/styleSheets
---
<div>{{SeeCompatTable}}{{APIRef("Shadow DOM")}}</div>
diff --git a/files/zh-cn/web/api/element/insertadjacenthtml/index.html b/files/zh-cn/web/api/element/insertadjacenthtml/index.html
index e0ea9cda90..c84cd34a65 100644
--- a/files/zh-cn/web/api/element/insertadjacenthtml/index.html
+++ b/files/zh-cn/web/api/element/insertadjacenthtml/index.html
@@ -23,10 +23,10 @@ translation_of: Web/API/Element/insertAdjacentHTML
<dt><code>position</code></dt>
<dd>一个 {{domxref("DOMString")}},表示插入内容相对于元素的位置,并且必须是以下字符串之一:
<ul>
- <li><code><span style="display: none;"> </span><span style="display: none;"> </span>'beforebegin'</code>:元素自身的前面。</li>
+ <li><code><span class="hidden"> </span><span class="hidden"> </span>'beforebegin'</code>:元素自身的前面。</li>
<li><code>'afterbegin'</code>:<font face="Open Sans, Arial, sans-serif">插入元素内部的第一个子节点之前</font>。</li>
<li><code>'beforeend'</code>:插入元素内部的最后一个子节点之后。</li>
- <li><code>'afterend'</code>:元素自身的后面。<span style="display: none;"> </span><span style="display: none;"> </span></li>
+ <li><code>'afterend'</code>:元素自身的后面。<span class="hidden"> </span><span class="hidden"> </span></li>
</ul>
</dd>
<dt><code>text</code></dt>
diff --git a/files/zh-cn/web/api/nondocumenttypechildnode/nextelementsibling/index.html b/files/zh-cn/web/api/element/nextelementsibling/index.html
index a39fd29558..e78b27fe7a 100644
--- a/files/zh-cn/web/api/nondocumenttypechildnode/nextelementsibling/index.html
+++ b/files/zh-cn/web/api/element/nextelementsibling/index.html
@@ -1,7 +1,8 @@
---
title: NonDocumentTypeChildNode.nextElementSibling
-slug: Web/API/NonDocumentTypeChildNode/nextElementSibling
+slug: Web/API/Element/nextElementSibling
translation_of: Web/API/NonDocumentTypeChildNode/nextElementSibling
+original_slug: Web/API/NonDocumentTypeChildNode/nextElementSibling
---
<p>{{ gecko_minversion_header("1.9.1") }}</p>
diff --git a/files/zh-cn/web/api/nondocumenttypechildnode/previouselementsibling/index.html b/files/zh-cn/web/api/element/previouselementsibling/index.html
index 8c78a68adf..a28170c2bb 100644
--- a/files/zh-cn/web/api/nondocumenttypechildnode/previouselementsibling/index.html
+++ b/files/zh-cn/web/api/element/previouselementsibling/index.html
@@ -1,7 +1,8 @@
---
title: NonDocumentTypeChildNode.previousElementSibling
-slug: Web/API/NonDocumentTypeChildNode/previousElementSibling
+slug: Web/API/Element/previousElementSibling
translation_of: Web/API/NonDocumentTypeChildNode/previousElementSibling
+original_slug: Web/API/NonDocumentTypeChildNode/previousElementSibling
---
<p>{{ ApiRef() }}</p>
diff --git a/files/zh-cn/web/api/eventtarget/addeventlistener/index.html b/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
index 7414ff3c38..0abe412321 100644
--- a/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
+++ b/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
@@ -677,7 +677,7 @@ window.addEventListener('scroll', function(event) {
<div class="outputBox-2JiL2_0"></div>
-<div class="outputBox-EXeNH_0" style="display: none;">
+<div class="outputBox-EXeNH_0" class="hidden">
<div></div>
</div>
</div>
diff --git a/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html b/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html
index e702faa2a7..8eeea33ae1 100644
--- a/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html
@@ -75,5 +75,5 @@ function init() {
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html b/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html
index b657f2f4b0..217a85c8da 100644
--- a/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html
@@ -170,13 +170,13 @@ document.onwheel = zoom;</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/headers/keys/index.html b/files/zh-cn/web/api/headers/keys/index.html
index add32d5afb..508b884090 100644
--- a/files/zh-cn/web/api/headers/keys/index.html
+++ b/files/zh-cn/web/api/headers/keys/index.html
@@ -56,5 +56,5 @@ vary</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/hash/index.html b/files/zh-cn/web/api/htmlanchorelement/hash/index.html
index afb17d505e..5f9305da09 100644
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/hash/index.html
+++ b/files/zh-cn/web/api/htmlanchorelement/hash/index.html
@@ -1,10 +1,10 @@
---
title: HTMLHyperlinkElementUtils.hash
-slug: Web/API/HTMLHyperlinkElementUtils/hash
+slug: Web/API/HTMLAnchorElement/hash
tags:
- HTMLHyperlinkElementUtils.hash
translation_of: Web/API/HTMLHyperlinkElementUtils/hash
-original_slug: Web/API/URLUtils/hash
+original_slug: Web/API/HTMLHyperlinkElementUtils/hash
---
<p>{{ APIRef("URLUtils") }}</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/href/index.html b/files/zh-cn/web/api/htmlanchorelement/href/index.html
index dd9cbd64f3..7992047bcd 100644
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/href/index.html
+++ b/files/zh-cn/web/api/htmlanchorelement/href/index.html
@@ -1,10 +1,10 @@
---
title: HTMLHyperlinkElementUtils.href
-slug: Web/API/HTMLHyperlinkElementUtils/href
+slug: Web/API/HTMLAnchorElement/href
tags:
- HTMLHyperlinkElementUtils.href
translation_of: Web/API/HTMLHyperlinkElementUtils/href
-original_slug: Web/API/URLUtils/href
+original_slug: Web/API/HTMLHyperlinkElementUtils/href
---
<p>{{ApiRef("URL API")}}</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/origin/index.html b/files/zh-cn/web/api/htmlanchorelement/origin/index.html
index 6b1eb90cda..715815c0a0 100644
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/origin/index.html
+++ b/files/zh-cn/web/api/htmlanchorelement/origin/index.html
@@ -1,10 +1,10 @@
---
title: HTMLHyperlinkElementUtils.origin
-slug: Web/API/HTMLHyperlinkElementUtils/origin
+slug: Web/API/HTMLAnchorElement/origin
tags:
- HTMLHyperlinkElementUtils.origin
translation_of: Web/API/HTMLHyperlinkElementUtils/origin
-original_slug: Web/API/URLUtils/origin
+original_slug: Web/API/HTMLHyperlinkElementUtils/origin
---
<p>{{APIRef("URL API")}}</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/password/index.html b/files/zh-cn/web/api/htmlanchorelement/password/index.html
index 0358323ce9..7f7160aedb 100644
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/password/index.html
+++ b/files/zh-cn/web/api/htmlanchorelement/password/index.html
@@ -1,10 +1,10 @@
---
title: HTMLHyperlinkElementUtils.password
-slug: Web/API/HTMLHyperlinkElementUtils/password
+slug: Web/API/HTMLAnchorElement/password
tags:
- HTMLHyperlinkElementUtils.password
translation_of: Web/API/HTMLHyperlinkElementUtils/password
-original_slug: Web/API/URLUtils/password
+original_slug: Web/API/HTMLHyperlinkElementUtils/password
---
<p>{{ApiRef("URL API")}}</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/pathname/index.html b/files/zh-cn/web/api/htmlanchorelement/pathname/index.html
index 95ceda3636..86ccbfe78c 100644
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/pathname/index.html
+++ b/files/zh-cn/web/api/htmlanchorelement/pathname/index.html
@@ -1,10 +1,10 @@
---
title: HTMLHyperlinkElementUtils.pathname
-slug: Web/API/HTMLHyperlinkElementUtils/pathname
+slug: Web/API/HTMLAnchorElement/pathname
tags:
- HTMLHyperlinkElementUtils.pathname
translation_of: Web/API/HTMLHyperlinkElementUtils/pathname
-original_slug: Web/API/URLUtils/pathname
+original_slug: Web/API/HTMLHyperlinkElementUtils/pathname
---
<p>{{ApiRef("URL API")}}</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/search/index.html b/files/zh-cn/web/api/htmlanchorelement/search/index.html
index 1fc142cc1f..67b868a075 100644
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/search/index.html
+++ b/files/zh-cn/web/api/htmlanchorelement/search/index.html
@@ -1,10 +1,10 @@
---
title: HTMLHyperlinkElementUtils.search
-slug: Web/API/HTMLHyperlinkElementUtils/search
+slug: Web/API/HTMLAnchorElement/search
tags:
- HTMLHyperlinkElementUtils.search
translation_of: Web/API/HTMLHyperlinkElementUtils/search
-original_slug: Web/API/URLUtils/search
+original_slug: Web/API/HTMLHyperlinkElementUtils/search
---
<p>{{ApiRef("URL API")}}</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/tostring/index.html b/files/zh-cn/web/api/htmlanchorelement/tostring/index.html
index 1bffe5100b..3504debe75 100644
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/tostring/index.html
+++ b/files/zh-cn/web/api/htmlanchorelement/tostring/index.html
@@ -1,11 +1,11 @@
---
title: HTMLHyperlinkElementUtils.toString()
-slug: Web/API/HTMLHyperlinkElementUtils/toString
+slug: Web/API/HTMLAnchorElement/toString
tags:
- HTMLHyperlinkElementUtils.toString()
- URL API
translation_of: Web/API/HTMLHyperlinkElementUtils/toString
-original_slug: Web/API/URLUtils/toString
+original_slug: Web/API/HTMLHyperlinkElementUtils/toString
---
<p>{{ApiRef("URL API")}}</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/username/index.html b/files/zh-cn/web/api/htmlanchorelement/username/index.html
index f7a9df9f66..e5efbcc828 100644
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/username/index.html
+++ b/files/zh-cn/web/api/htmlanchorelement/username/index.html
@@ -1,10 +1,10 @@
---
title: HTMLHyperlinkElementUtils.username
-slug: Web/API/HTMLHyperlinkElementUtils/username
+slug: Web/API/HTMLAnchorElement/username
tags:
- HTMLHyperlinkElementUtils.username
translation_of: Web/API/HTMLHyperlinkElementUtils/username
-original_slug: Web/API/URLUtils/username
+original_slug: Web/API/HTMLHyperlinkElementUtils/username
---
<p>{{ApiRef("URL API")}}</p>
diff --git a/files/zh-cn/web/api/htmlelement/input_event/index.html b/files/zh-cn/web/api/htmlelement/input_event/index.html
index 12164b4ed4..f2921d53e2 100644
--- a/files/zh-cn/web/api/htmlelement/input_event/index.html
+++ b/files/zh-cn/web/api/htmlelement/input_event/index.html
@@ -154,5 +154,5 @@ function updateValue(e) {
<p>此外,还有一个类似的 <code><a href="https://developer.mozilla.org/en-US/docs/Web/Reference/Events/change">change</a></code> 事件。change 触发的频率低于 <code>input</code> - 它只会在用户提交更改时触发。</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/htmlhyperlinkelementutils/index.html b/files/zh-cn/web/api/htmlhyperlinkelementutils/index.html
deleted file mode 100644
index d6d93674e3..0000000000
--- a/files/zh-cn/web/api/htmlhyperlinkelementutils/index.html
+++ /dev/null
@@ -1,84 +0,0 @@
----
-title: URLUtils
-slug: Web/API/HTMLHyperlinkElementUtils
-translation_of: Web/API/HTMLHyperlinkElementUtils
-original_slug: Web/API/URLUtils
----
-<p>{{ApiRef("URL API")}}{{SeeCompatTable}}</p>
-
-<p>The <strong><code>HTMLHyperlinkElementUtils</code></strong> mixin defines utility methods and properties to work with {{domxref("HTMLAnchorElement")}} and {{domxref("HTMLAreaElement")}}. These utilities allow to deal with common features like URLs.</p>
-
-<p>There are no objects of this type, but several objects {{domxref("HTMLAnchorElement")}} and {{domxref("HTMLAreaElement")}} implement it.</p>
-
-<h2 id="属性">属性</h2>
-
-<div class="note">
-<p><strong>注意:</strong>This interface doesn't inherit any property.</p>
-</div>
-
-<dl>
- <dt>{{domxref("HTMLHyperlinkElementUtils.href")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing the whole URL.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.protocol")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing the protocol scheme of the URL, including the final <code>':'</code>.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.host")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing the host, that is the <em>hostname</em>, and then, if the <em>port</em> of the URL is not empty (which can happen because it was not specified or because it was specified to be the default port of the URL's scheme), a <code>':'</code>, and the <em>port</em> of the URL.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.hostname")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing the domain of the URL.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.port")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing the port number of the URL.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.pathname")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing an initial <code>'/'</code> followed by the path of the URL.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.search")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing a <code>'?'</code> followed by the parameters of the URL.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.hash")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing a <code>'#'</code> followed by the fragment identifier of the URL.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.username")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing the username specified before the domain name.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.password")}}</dt>
- <dd>This is a {{domxref("USVString")}} containing the password specified before the domain name.</dd>
- <dt>{{domxref("HTMLHyperlinkElementUtils.origin")}} {{readonlyInline}}</dt>
- <dd>This returns a {{domxref("USVString")}} containing the origin of the URL (that is its scheme, its domain and its port).</dd>
-</dl>
-
-<h2 id="方法">方法</h2>
-
-<div class="note">
-<p><strong>注意:</strong>This interface doesn't inherit any method.</p>
-</div>
-
-<dl>
- <dt>{{domxref("HTMLHyperlinkElementUtils.toString()")}}</dt>
- <dd>This returns a {{domxref("USVString")}} containing the whole URL. It is a synonym for {{domxref("HTMLHyperlinkElementUtils.href")}}, though it can't be used to modify the value.</dd>
-</dl>
-
-<h2 id="规范">规范</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">规范</th>
- <th scope="col">状态</th>
- <th scope="col">备注</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', '#htmlhyperlinkelementutils', 'HTMLHyperlinkElementUtils')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="浏览器兼容性">浏览器兼容性</h2>
-
-
-
-<p>{{Compat("api.HTMLHyperlinkElementUtils")}}</p>
-
-<h2 id="参见">参见</h2>
-
-<ul>
- <li>Interfaces implementing this one: {{domxref("HTMLAnchorElement")}}, {{domxref("HTMLAreaElement")}}</li>
-</ul>
diff --git a/files/zh-cn/web/api/htmlselectelement/remove/index.html b/files/zh-cn/web/api/htmlselectelement/remove/index.html
index 6cb7046a6e..f19cc16900 100644
--- a/files/zh-cn/web/api/htmlselectelement/remove/index.html
+++ b/files/zh-cn/web/api/htmlselectelement/remove/index.html
@@ -90,5 +90,5 @@ sel.remove(1);
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/imagedata/imagedata/index.html b/files/zh-cn/web/api/imagedata/imagedata/index.html
index fc2b782cd0..10281c10da 100644
--- a/files/zh-cn/web/api/imagedata/imagedata/index.html
+++ b/files/zh-cn/web/api/imagedata/imagedata/index.html
@@ -22,7 +22,7 @@ translation_of: Web/API/ImageData/ImageData
<dd>包含图像隐藏像素的 {{jsxref("Uint8ClampedArray")}} 数组。如果数组没有给定,指定大小的黑色矩形图像将会被创建。</dd>
<dt><code>width</code></dt>
<dd>无符号长整型(unsigned long)数值,描述图像的宽度。</dd>
- <dt><span style="display: none;"> </span><code>height</code></dt>
+ <dt><span class="hidden"> </span><code>height</code></dt>
<dd>      无符号长整型(unsigned long)数值,描述图像的高度。</dd>
<dd>如果已给定数组,这个值是可选的:它将通过它的大小和给定的宽度进行推断。</dd>
</dl>
diff --git a/files/zh-cn/web/api/keyboardevent/keycode/index.html b/files/zh-cn/web/api/keyboardevent/keycode/index.html
index c41e21285f..f3eeaf1a9e 100644
--- a/files/zh-cn/web/api/keyboardevent/keycode/index.html
+++ b/files/zh-cn/web/api/keyboardevent/keycode/index.html
@@ -411,7 +411,7 @@ translation_of: Web/API/KeyboardEvent/keyCode
<th scope="row"><code>"KeyD"</code></th>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
- <td colspan="3" rowspan="1"><code>0x44 (68)<span style="display: none;"> </span></code></td>
+ <td colspan="3" rowspan="1"><code>0x44 (68)<span class="hidden"> </span></code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
diff --git a/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html b/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html
index efa1d1a8f0..b911350da3 100644
--- a/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html
+++ b/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html
@@ -21,8 +21,8 @@ translation_of: Web/API/MutationObserver/MutationObserver
<h3 id="参数">参数</h3>
<dl>
- <dt><code><span style="display: none;"> </span><span style="display: none;"> </span>callback</code></dt>
- <dd>一个回调函数,每当被指定的节点或子树以及配置项有Dom变动时会被调用。回调函数拥有两个参数:一个是描述所有被触发改动的 {{domxref("MutationRecord")}} 对象数组,另一个是调用该函数的<code>MutationObserver</code> 对象。参见下方的{{anch("Example", "示例")}}了解更多细节<span style="display: none;"> </span><span style="display: none;"> </span></dd>
+ <dt><code><span class="hidden"> </span><span class="hidden"> </span>callback</code></dt>
+ <dd>一个回调函数,每当被指定的节点或子树以及配置项有Dom变动时会被调用。回调函数拥有两个参数:一个是描述所有被触发改动的 {{domxref("MutationRecord")}} 对象数组,另一个是调用该函数的<code>MutationObserver</code> 对象。参见下方的{{anch("Example", "示例")}}了解更多细节<span class="hidden"> </span><span class="hidden"> </span></dd>
</dl>
<h3 id="返回值">返回值</h3>
diff --git a/files/zh-cn/web/api/nodeiterator/index.html b/files/zh-cn/web/api/nodeiterator/index.html
index 2b2795b6a0..756dad125d 100644
--- a/files/zh-cn/web/api/nodeiterator/index.html
+++ b/files/zh-cn/web/api/nodeiterator/index.html
@@ -210,5 +210,5 @@ translation_of: Web/API/NodeIterator
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/api/nondocumenttypechildnode/index.html b/files/zh-cn/web/api/nondocumenttypechildnode/index.html
deleted file mode 100644
index bdaccbe5fd..0000000000
--- a/files/zh-cn/web/api/nondocumenttypechildnode/index.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: NonDocumentTypeChildNode
-slug: Web/API/NonDocumentTypeChildNode
-tags:
- - API
- - DOM
- - NonDocumentTypeChildNode
- - 参考
- - 接口
-translation_of: Web/API/NonDocumentTypeChildNode
----
-<div>{{APIRef("DOM")}}</div>
-
-<p><code><strong>NonDocumentTypeChildNode</strong></code> 接口包含专属于某些(特殊) {{domxref("Node")}} 对象的方法,这些对象可以拥有父对象,但不适用于 {{domxref("DocumentType")}} 接口。</p>
-
-<p><code>NonDocumentTypeChildNode</code> 是一个裸接口(raw interface),无法创建拥有此类型的对象;它是由 {{domxref("Element")}},和 {{domxref("CharacterData")}} 对象实现的。</p>
-
-<h2 id="属性">属性</h2>
-
-<p class="syntaxbox"><em>此接口没有继承属性。</em></p>
-
-<dl>
- <dt>{{domxref("NonDocumentTypeChildNode.previousElementSibling")}} {{readonlyInline}}</dt>
- <dd>Returns the {{domxref("Element")}} immediately prior to this node in its parent's children list, or <code>null</code> if there is no {{domxref("Element")}} in the list prior to this node.</dd>
- <dt>{{domxref("NonDocumentTypeChildNode.nextElementSibling")}} {{readonlyInline}}</dt>
- <dd>Returns the {{domxref("Element")}} immediately following this node in its parent's children list, or <code>null</code> if there is no {{domxref("Element")}} in the list following this node.</dd>
-</dl>
-
-<h2 id="方法">方法</h2>
-
-<p class="syntaxbox"><em>此接口既没有继承方法,又没有专有方法。</em></p>
-
-<h2 id="规范">规范</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">规范</th>
- <th scope="col">状态</th>
- <th scope="col">备注</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#interface-childnode', 'NonDocumentTypeChildNode')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Splitted the <code>ElementTraversal</code> interface in {{domxref("ParentNode")}}, {{domxref("ChildNode")}}, and <code>NonDocumentTypeChildNode</code>. The <code>previousElementSibling</code> and <code>nextElementSibling</code> are now defined on the latter.<br>
- The {{domxref("CharacterData")}} and {{domxref("Element")}} implemented the new interfaces.</td>
- </tr>
- <tr>
- <td>{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}</td>
- <td>{{Spec2('Element Traversal')}}</td>
- <td>Added the initial definition of its properties to the <code>ElementTraversal</code> pure interface and use it on {{domxref("Element")}}.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="浏览器兼容性">浏览器兼容性</h2>
-
-
-
-<p>{{Compat("api.NonDocumentTypeChildNode")}}</p>
-
-<h2 id="参见">参见</h2>
-
-<ul>
- <li>The {{domxref("ParentNode")}} and {{domxref("ChildNode")}} pure interface.</li>
- <li>
- <div class="syntaxbox">Object types implementing this pure interface: {{domxref("CharacterData")}}, and {{domxref("Element")}}.</div>
- </li>
-</ul>
diff --git a/files/zh-cn/web/api/path2d/addpath/index.html b/files/zh-cn/web/api/path2d/addpath/index.html
index a19a3ce8cf..656c35342c 100644
--- a/files/zh-cn/web/api/path2d/addpath/index.html
+++ b/files/zh-cn/web/api/path2d/addpath/index.html
@@ -53,7 +53,7 @@ ctx.fill(p1);
<p>修改下面的代码并在线查看 canvas 的变化 (查看浏览器兼容性列表,确定你目前的浏览器是否支持这个方法):</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/path2d/path2d/index.html b/files/zh-cn/web/api/path2d/path2d/index.html
index f606aa678d..16a681cedf 100644
--- a/files/zh-cn/web/api/path2d/path2d/index.html
+++ b/files/zh-cn/web/api/path2d/path2d/index.html
@@ -47,7 +47,7 @@ ctx.stroke(path2);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -107,7 +107,7 @@ ctx.fill(p);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code2">Playable code2</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/request/headers/index.html b/files/zh-cn/web/api/request/headers/index.html
index 37e7f41654..f09ee2af07 100644
--- a/files/zh-cn/web/api/request/headers/index.html
+++ b/files/zh-cn/web/api/request/headers/index.html
@@ -70,9 +70,9 @@ myContentType = myRequest.headers.get('Content-Type'); // returns 'image/jpeg'</
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: none; opacity: 1; left: -8px; top: -25px;"> </div>
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
<div id="SL_planshet">
<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
@@ -84,7 +84,7 @@ myContentType = myRequest.headers.get('Content-Type'); // returns 'image/jpeg'</
<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
</div>
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
<div id="SL_alert_cont"> </div>
diff --git a/files/zh-cn/web/api/rtcsessiondescription/index.html b/files/zh-cn/web/api/rtcsessiondescription/index.html
index ff94b0eb5f..32edee10c0 100644
--- a/files/zh-cn/web/api/rtcsessiondescription/index.html
+++ b/files/zh-cn/web/api/rtcsessiondescription/index.html
@@ -67,7 +67,7 @@ translation_of: Web/API/RTCSessionDescription
<dd>返回一个{{Glossary("JSON")}} 描述对象. 该对象包含两个值, {{domxref("RTCSessionDescription.type", "type")}} 和{{domxref("RTCSessionDescription.sdp", "sdp")}}。</dd>
</dl>
-<h2 id="Example">Example<span id="cke_bm_72C" style="display: none;"> </span></h2>
+<h2 id="Example">Example<span id="cke_bm_72C" class="hidden"> </span></h2>
<pre class="brush: js">signalingChannel.onmessage = function (evt) {
if (!pc)
diff --git a/files/zh-cn/web/api/url/url/index.html b/files/zh-cn/web/api/url/url/index.html
index 33cf3c7abf..3274537bf9 100644
--- a/files/zh-cn/web/api/url/url/index.html
+++ b/files/zh-cn/web/api/url/url/index.html
@@ -26,7 +26,7 @@ translation_of: Web/API/URL/URL
<dl class="syntaxbox">
<dt><code><var>url</var></code></dt>
- <dd>是一个表示绝对或相对 URL 的 {{domxref("DOMString")}}。如果<code><var>url</var></code> 是相对 URL,则会将 <code><var>base</var></code> 用作基准 URL。如果 <code><var>url</var></code> 是绝对URL,则无论参数<code><var>url</var></code>是否存在,都将被忽略。</dd>
+ <dd>是一个表示绝对或相对 URL 的 {{domxref("DOMString")}}。如果<code><var>url</var></code> 是相对 URL,则会将 <code><var>base</var></code> 用作基准 URL。如果 <code><var>url</var></code> 是绝对URL,则无论参数<code><var>base</var></code>是否存在,都将被忽略。</dd>
<dt><code><var>base</var></code> {{optional_inline}}</dt>
<dd>是一个表示基准 URL 的 {{domxref("DOMString")}},在 <em>url</em> 是相对 URL 时,它才会起效。如果未指定,则默认为 <code>''</code>。</dd>
</dl>
diff --git a/files/zh-cn/web/api/wakelock/request/index.html b/files/zh-cn/web/api/wakelock/request/index.html
index 11605b1ab9..eeb1962d44 100644
--- a/files/zh-cn/web/api/wakelock/request/index.html
+++ b/files/zh-cn/web/api/wakelock/request/index.html
@@ -82,5 +82,5 @@ tryKeepScreenAlive(10);
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/websocket/index.html b/files/zh-cn/web/api/websocket/index.html
index dc534d928a..b7d624f8b7 100644
--- a/files/zh-cn/web/api/websocket/index.html
+++ b/files/zh-cn/web/api/websocket/index.html
@@ -153,5 +153,5 @@ socket.addEventListener('message', function (event) {
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/websocket/readystate/index.html b/files/zh-cn/web/api/websocket/readystate/index.html
index e4d7bd23fb..57247d931e 100644
--- a/files/zh-cn/web/api/websocket/readystate/index.html
+++ b/files/zh-cn/web/api/websocket/readystate/index.html
@@ -56,5 +56,5 @@ translation_of: Web/API/WebSocket/readyState
<p>{{Compat("api.WebSocket.readyState")}}</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html b/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html
index 72e7b8433e..7d55152960 100644
--- a/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html
+++ b/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html
@@ -203,5 +203,5 @@ image.src = 'sprites.png';
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/api/xmlhttprequest/openrequest/index.html b/files/zh-cn/web/api/xmlhttprequest/openrequest/index.html
deleted file mode 100644
index 2fdd0ec2a3..0000000000
--- a/files/zh-cn/web/api/xmlhttprequest/openrequest/index.html
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: XMLHttpRequest.openRequest()
-slug: Web/API/XMLHttpRequest/openRequest
-translation_of: Web/API/XMLHttpRequest/openRequest
----
-<p>{{APIRef("XMLHttpRequest")}}{{non-standard_header}}</p>
-
-<p>此Mozilla特定的方法仅在特权代码中可用<span class="seoSummary">, 且仅能从C++上下文中调用以初始化 <code>XMLHttpRequest</code>.</span><span class="seoSummary">若想要从JavaScript代码初始化一个request,请使用标准的</span> {{domxref("XMLHttpRequest.open", "open()")}} 方法.</p>