From 97065b2e68dd8768dc1ea092c893c57ebe205026 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Thu, 25 Feb 2021 08:31:36 -0500
Subject: use class="hidden" not style="display:none"

---
 files/zh-tw/learn/html/howto/index.html                  |  2 +-
 files/zh-tw/learn/javascript/howto/index.html            |  2 +-
 .../express_nodejs/forms/create_genre_form/index.html    |  6 +++---
 files/zh-tw/orphaned/mdn/editor/basics/index.html        |  2 +-
 .../tutorial/applying_styles_and_colors/index.html       |  2 +-
 .../api/canvasrenderingcontext2d/clearrect/index.html    |  2 +-
 files/zh-tw/web/api/xmlhttprequest/index.html            |  2 +-
 .../web/css/css_colors/color_picker_tool/index.html      |  2 +-
 .../stacking_context_example_1/index.html                |  2 +-
 files/zh-tw/web/css/transition-duration/index.html       |  8 ++++----
 .../zh-tw/web/css/transition-timing-function/index.html  | 16 ++++++++--------
 files/zh-tw/web/html/element/form/index.html             |  2 +-
 files/zh-tw/web/media/formats/index.html                 |  2 +-
 13 files changed, 25 insertions(+), 25 deletions(-)

(limited to 'files/zh-tw')

diff --git a/files/zh-tw/learn/html/howto/index.html b/files/zh-tw/learn/html/howto/index.html
index 9a14c26039..e5de7808db 100644
--- a/files/zh-tw/learn/html/howto/index.html
+++ b/files/zh-tw/learn/html/howto/index.html
@@ -147,4 +147,4 @@ translation_of: Learn/HTML/Howto
 </div>
 </div>
 
-<p><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span> </p>
+<p><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> </p>
diff --git a/files/zh-tw/learn/javascript/howto/index.html b/files/zh-tw/learn/javascript/howto/index.html
index 5e5f7257c2..aa65f2730f 100644
--- a/files/zh-tw/learn/javascript/howto/index.html
+++ b/files/zh-tw/learn/javascript/howto/index.html
@@ -23,7 +23,7 @@ translation_of: Learn/JavaScript/Howto
  <thead>
   <tr>
    <th scope="col"><strong>正確</strong></th>
-   <th scope="col"><strong><span style="display: none;"> </span>錯誤<span style="display: none;"> </span></strong></th>
+   <th scope="col"><strong><span class="hidden"> </span>錯誤<span class="hidden"> </span></strong></th>
   </tr>
  </thead>
  <tbody>
diff --git a/files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html b/files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html
index 3e648e48ea..a97bcd3ed4 100644
--- a/files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html
+++ b/files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html
@@ -213,9 +213,9 @@ block content
 <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; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important; opacity: 1;"> </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%; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important;"> </div>
 
@@ -227,7 +227,7 @@ block content
 <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%; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/zh-tw/orphaned/mdn/editor/basics/index.html b/files/zh-tw/orphaned/mdn/editor/basics/index.html
index 6fa44f3dbd..e088c854cb 100644
--- a/files/zh-tw/orphaned/mdn/editor/basics/index.html
+++ b/files/zh-tw/orphaned/mdn/editor/basics/index.html
@@ -53,4 +53,4 @@ original_slug: MDN/Editor/Basics
  <li><a href="http://docs.cksource.com/CKEditor_3.x/Users_Guide">CKEditor User's Guide</a></li>
 </ul>
 
-<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" style="display: none;"> </span></h6>
+<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" class="hidden"> </span></h6>
diff --git a/files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html b/files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
index 86e41e3476..65e2a5055d 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
+++ b/files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
@@ -610,7 +610,7 @@ var ptrn = ctx.createPattern(img,'repeat');
 
 <pre class="brush: js">draw();</pre>
 
-<p>結果如下<span style="display: none;"> </span>:</p>
+<p>結果如下<span class="hidden"> </span>:</p>
 </div>
 
 <p>{{EmbedLiveSample("A_createPattern_example", "180", "180", "https://mdn.mozillademos.org/files/222/Canvas_createpattern.png")}}</p>
diff --git a/files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html
index e5792ffade..c6f1baaaa8 100644
--- a/files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -60,7 +60,7 @@ ctx.clearRect(10, 10, 100, 100);
 
 <p>Edit the code below and see your changes update live in the 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-tw/web/api/xmlhttprequest/index.html b/files/zh-tw/web/api/xmlhttprequest/index.html
index 3258579e62..35d87072c6 100644
--- a/files/zh-tw/web/api/xmlhttprequest/index.html
+++ b/files/zh-tw/web/api/xmlhttprequest/index.html
@@ -111,7 +111,7 @@ translation_of: Web/API/XMLHttpRequest
  <dd>初始化一個請求。此方法用於 JavaScript 中；若要在 native code 中初始化請求，請以 <a class="internal" href="/zh-TW/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequest#openRequest()"><code>openRequest()</code></a> 作為替代。</dd>
  <dt>{{domxref("XMLHttpRequest.overrideMimeType()")}}</dt>
  <dd>覆寫伺服器回傳的 MIME type。</dd>
- <dt>{{domxref("XMLHttpRequest.send()")}}<span style="display: none;"> </span></dt>
+ <dt>{{domxref("XMLHttpRequest.send()")}}<span class="hidden"> </span></dt>
  <dd>發送請求。如果為非同步請求（預設值），此方法將在發出請求後便立即回傳（return）。</dd>
  <dt>{{domxref("XMLHttpRequest.setRequestHeader()")}}</dt>
  <dd>設定 HTTP 請求標頭（request header）值。<code>setRequestHeader()</code> 可被呼叫的時間點必須於 <a href="#open"><code>open()</code></a> 之後、在 <code>send()</code> 之前。</dd>
diff --git a/files/zh-tw/web/css/css_colors/color_picker_tool/index.html b/files/zh-tw/web/css/css_colors/color_picker_tool/index.html
index 367e58ce23..2073e7d61b 100644
--- a/files/zh-tw/web/css/css_colors/color_picker_tool/index.html
+++ b/files/zh-tw/web/css/css_colors/color_picker_tool/index.html
@@ -6,7 +6,7 @@ tags:
   - Tools
 translation_of: Web/CSS/CSS_Colors/Color_picker_tool
 ---
-<div style="display: none;">
+<div class="hidden">
 <h2 id="ColorPicker_Tool" name="ColorPicker_Tool">ColorPicker tool</h2>
 
 <h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html b/files/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
index 26771f0fbb..1baae44ba6 100644
--- a/files/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
+++ b/files/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
@@ -123,7 +123,7 @@ span.bold {字體重量：大膽的; </font><font>}</font></font>
  <li><a href="/en/CSS/Understanding_z-index/Adding_z-index" title="EN / CSS / Understanding_z指數/ Adding_z指數"><font><font>添加的z-index</font></font></a><font><font>  ：使用的z-index來改變默認的堆疊</font></font></li>
  <li><a href="/en/CSS/Understanding_z-index/The_stacking_context" title="EN / CSS / Understanding_z指數/ The_stacking_context"><font><font>堆疊背景</font></font></a><font><font>  ：在堆疊環境票據</font></font></li>
  <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_2" title="EN / CSS / Understanding_z指數/ Stacking_context_example_2"><font><font>堆疊環境例子2</font></font></a><font><font>  ：在所有層面上2級HTML層次，Z指數</font></font></li>
- <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="EN / CSS / Understanding_z指數/ Stacking_context_example_3"><font><font>堆疊上下文例3</font></font></a><font><font>  ：3級的HTML等級，在第二級上的z索引</font></font><span id="cke_bm_89E" style="display: none;"> </span></li>
+ <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="EN / CSS / Understanding_z指數/ Stacking_context_example_3"><font><font>堆疊上下文例3</font></font></a><font><font>  ：3級的HTML等級，在第二級上的z索引</font></font><span id="cke_bm_89E" class="hidden"> </span></li>
 </ul>
 
 <div class="originaldocinfo">
diff --git a/files/zh-tw/web/css/transition-duration/index.html b/files/zh-tw/web/css/transition-duration/index.html
index f29fa166ca..d03125128e 100644
--- a/files/zh-tw/web/css/transition-duration/index.html
+++ b/files/zh-tw/web/css/transition-duration/index.html
@@ -49,7 +49,7 @@ transition-duration: unset;
 <div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-duration: 0.5s</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -114,7 +114,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-duration: 1s</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -179,7 +179,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-duration: 2s</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -244,7 +244,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-duration: 4s</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
diff --git a/files/zh-tw/web/css/transition-timing-function/index.html b/files/zh-tw/web/css/transition-timing-function/index.html
index 492a4e3c3e..467fcf51b5 100644
--- a/files/zh-tw/web/css/transition-timing-function/index.html
+++ b/files/zh-tw/web/css/transition-timing-function/index.html
@@ -68,7 +68,7 @@ transition-timing-function: ease-in, ease-out; // ease-in to width and ease-out
 <div id="ttf_ease" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-timing-function: ease</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -131,7 +131,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="ttf_easein" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-timing-function: ease-in</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -194,7 +194,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="ttf_easeout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-timing-function: ease-out</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -257,7 +257,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="ttf_easeinout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-timing-function: ease-in-out</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -321,7 +321,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="ttf_linear" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-timing-function: linear</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -384,7 +384,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="ttf_stepstart" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-timing-function: step-start</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -447,7 +447,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="ttf_stepend" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-timing-function: step-end</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
@@ -510,7 +510,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
 <div id="ttf_step4end" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
 <p><code>transition-timing-function: steps(4, end)</code></p>
 
-<div style="display: none;">
+<div class="hidden">
 <pre class="brush:html"> &lt;div class="parent"&gt;
   &lt;div class="box"&gt;Lorem&lt;/div&gt;
 &lt;/div&gt;
diff --git a/files/zh-tw/web/html/element/form/index.html b/files/zh-tw/web/html/element/form/index.html
index 07a2e91254..ddd66d3dd7 100644
--- a/files/zh-tw/web/html/element/form/index.html
+++ b/files/zh-tw/web/html/element/form/index.html
@@ -73,7 +73,7 @@ translation_of: Web/HTML/Element/form
  <dd>Indicates whether input elements can by default have their values automatically completed by the browser. <code>autocomplete</code> attributes on form elements override it on <code>&lt;form&gt;</code>. Possible values:
  <ul>
   <li><code>off</code>: The browser may not automatically complete entries. (Browsers tend to ignore this for suspected login forms; see <a href="/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">The autocomplete attribute and login fields</a>.)</li>
-  <li><code>on</code>: The browser may automatically complete entries.<span style="display: none;"> </span></li>
+  <li><code>on</code>: The browser may automatically complete entries.<span class="hidden"> </span></li>
  </ul>
  </dd>
  <dt>{{htmlattrdef("enctype")}}</dt>
diff --git a/files/zh-tw/web/media/formats/index.html b/files/zh-tw/web/media/formats/index.html
index 9d4f181ae7..b11ddc3580 100644
--- a/files/zh-tw/web/media/formats/index.html
+++ b/files/zh-tw/web/media/formats/index.html
@@ -32,7 +32,7 @@ translation_of: Web/Media/Formats
 <h3 id="Images">Images</h3>
 
 <dl>
- <dt><span style="display: none;"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
+ <dt><span class="hidden"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
  <dd>Covers support of image file types and content formats across the major web browsers, as well as providing basic information about each type: benefits, limitations, and use cases of interest to web designers and developers.</dd>
  <dt><a href="/en-US/docs/Web/Media/Formats/Images_for_web_designers">Image file types for web designers</a></dt>
  <dd>Fundamental information about the various image file types that may be useful for web designers, including best practices and use cases for each type, and guidelines for choosing the right image file format for specific types of content.</dd>
-- 
cgit v1.2.3-54-g00ecf