mdn · irvin · May 31, 2022 · May 31, 2022 · May 31, 2022
@@ -33,9 +33,9 @@ <h2 id="從頂部和底部反彈" style='margin: 0px 0px 12px; padding: 0px; bor
     dy = -dy;
 }</pre>
 
-<p style='margin: 0px 0px 24px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: "Open Sans", Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; background-color: rgb(255, 255, 255);'>如果球位置的Y值低於零，改變Y軸上的運動的方向，通過設置它等於本身，扭轉。如果球是向上移動的速度為每幀的2個像素，現在它將移動“了”的速度為- 2像素，這實際上等於在每幀的2個像素的速度向下移動。</p>
+<p>如果球位置的Y值低於零，改變Y軸上的運動的方向，通過設置它等於本身，扭轉。如果球是向上移動的速度為每幀的2個像素，現在它將移動“了”的速度為- 2像素，這實際上等於在每幀的2個像素的速度向下移動。</p>
 
-<p style='margin: 0px 0px 24px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: "Open Sans", Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; background-color: rgb(255, 255, 255);'>上面的代碼將處理球反彈的頂部邊緣，所以現在讓我們想想下邊緣：</p>
+<p>上面的代碼將處理球反彈的頂部邊緣，所以現在讓我們想想下邊緣：</p>
 
 <pre class="brush: js">if(y + dy &gt; canvas.height) {
     dy = -dy;

@@ -7,7 +7,7 @@
   - 過時技術
 translation_of: Glossary/Adobe_Flash
 ---
-<p id="Summary">Flash 是一個由 Adobe 開發的過時網路技術。它能展現出富有表現力的 Web 程式、向量圖形、還有各種多媒體。Adobe Flash 需要在{{Glossary("瀏覽器")}}安裝相對應的擴充套件後才能使用。</p>
+<p>Flash 是一個由 Adobe 開發的過時網路技術。它能展現出富有表現力的 Web 程式、向量圖形、還有各種多媒體。Adobe Flash 需要在{{Glossary("瀏覽器")}}安裝相對應的擴充套件後才能使用。</p>
 
 <section id="Quick_links">
 <ol>

@@ -6,7 +6,7 @@
   - 術語表
 translation_of: Glossary/Browsing_context
 ---
-<p id="Summary"><strong>瀏覽上下文</strong>是一個瀏覽器({{glossary("browser")}})展示文檔({{domxref("Document")}})的環境（正常來説是一個現在的標簽，但也有可能是一個窗體或是一個框架裏面的頁面）<strong>。</strong></p>
+<p><strong>瀏覽上下文</strong>是一個瀏覽器({{glossary("browser")}})展示文檔({{domxref("Document")}})的環境（正常來説是一個現在的標簽，但也有可能是一個窗體或是一個框架裏面的頁面）<strong>。</strong></p>
 
 <p>每個瀏覽上下文都有一個特定的活動文檔來源{{glossary("origin")}}並按順序列出所有文檔的歷史記錄。</p>
 

@@ -31,6 +31,6 @@ <h3 id="一般常識">一般常識</h3>
 <ul>
  <li>維基百科的 {{interwiki("wikipedia", "回呼函式")}}</li>
  <li>
-  <p class="entry-title"><a href="http://javascriptissexy.com/understand-javascript-callback-functions-and-use-them/">Understand JavaScript Callback Functions and Use Them</a></p>
+  <p><a href="http://javascriptissexy.com/understand-javascript-callback-functions-and-use-them/">Understand JavaScript Callback Functions and Use Them</a></p>
  </li>
 </ul>
@@ -7,9 +7,9 @@
   - 術語表
 translation_of: Glossary/DOS_attack
 ---
-<p id="Summary">DoS (拒絕服務)是一種網路攻擊手段，它通過大量的伺服器請求來阻止合法使用伺服器({{glossary("server")}})資源。</p>
+<p>DoS (拒絕服務)是一種網路攻擊手段，它通過大量的伺服器請求來阻止合法使用伺服器({{glossary("server")}})資源。</p>
 
-<p id="In_Depth">計算機的資源有限，例如計算能力或内存。當這些資源過載，程式可能會凍結或崩潰，導致程式不可用。DoS 攻擊由耗盡資源、使伺服器或網路對合法用戶不可用、使服務器執行緩慢等多種技術組成。</p>
+<p>計算機的資源有限，例如計算能力或内存。當這些資源過載，程式可能會凍結或崩潰，導致程式不可用。DoS 攻擊由耗盡資源、使伺服器或網路對合法用戶不可用、使服務器執行緩慢等多種技術組成。</p>
 
 <h3 id="DoS_攻擊的類型">DoS 攻擊的類型</h3>
 

@@ -6,7 +6,7 @@
   - 術語表
 translation_of: Glossary/Firefox_OS
 ---
-<p id="Summary">Firefox OS 是 Mozilla's 手機操作系統，基於 Linux 和 {{glossary("Mozilla Firefox","Firefox's")}} 强大的 {{glossary("Gecko")}} 渲染引擎。Firefox OS 主要由 {{glossary("Gaia")}}, {{glossary("Gecko")}}, 和 {{glossary("Gonk")}} 組成。</p>
+<p>Firefox OS 是 Mozilla's 手機操作系統，基於 Linux 和 {{glossary("Mozilla Firefox","Firefox's")}} 强大的 {{glossary("Gecko")}} 渲染引擎。Firefox OS 主要由 {{glossary("Gaia")}}, {{glossary("Gecko")}}, 和 {{glossary("Gonk")}} 組成。</p>
 
 <h2 id="了解更多">了解更多</h2>
 

@@ -6,7 +6,7 @@
   - 關鍵詞
 translation_of: Glossary/Keyword
 ---
-<p id="Summary"><strong>關鍵詞</strong>是描述内容的字或短語。在綫關鍵詞被用於搜索引擎的查詢或用來識別站點上的内容.</p>
+<p><strong>關鍵詞</strong>是描述内容的字或短語。在綫關鍵詞被用於搜索引擎的查詢或用來識別站點上的内容.</p>
 
 <p>當你使用搜索引擎，你會使用指定的關鍵詞來搜索你想查找的東西，搜索引擎根據關鍵詞來返回相關的結果頁。爲了搜索到更精準的結果，需要嘗試更多指定的關鍵詞，如使用 "Blue Mustang GTO" 代替簡單的 "Mustang"。網頁也可以用 meta 標簽(寫在 {{htmlelement("head")}}使用關鍵詞描述頁面的内容，它可以使搜索引擎更好的定義和組織網頁。</p>
 

@@ -6,7 +6,7 @@
   - 術語表
 translation_of: Glossary/MathML
 ---
-<p id="Summary"><strong>MathML </strong>(一種 {{glossary("XML")}} 應用程式)是一種在網頁上表示數學表達式的開放標準。在 1998 年 W3C 第一次在瀏覽器({{glossary("browser")}})推薦了 MathML 表示數學表達式。 MathML還有其他應用程式，它包括了科學内容和聲音合成。 </p>
+<p><strong>MathML </strong>(一種 {{glossary("XML")}} 應用程式)是一種在網頁上表示數學表達式的開放標準。在 1998 年 W3C 第一次在瀏覽器({{glossary("browser")}})推薦了 MathML 表示數學表達式。 MathML還有其他應用程式，它包括了科學内容和聲音合成。 </p>
 
 <h2 id="了解更多">了解更多 </h2>
 

@@ -9,7 +9,7 @@
   - Opera Browser
 translation_of: Glossary/Opera_Browser
 ---
-<p id="Summary"><strong>Opera</strong> 是最常使用的 {{glossary("browser")}} 第五名，1996 年正式推出，一開始僅能在 Windows 使用。Opera 自 2013 年起使用 {{glossary("Blink")}} 排版引擎，在那之前使用的是 {{glossary("Presto")}}。Opera 也有提供行動與平板電腦版本。</p>
+<p><strong>Opera</strong> 是最常使用的 {{glossary("browser")}} 第五名，1996 年正式推出，一開始僅能在 Windows 使用。Opera 自 2013 年起使用 {{glossary("Blink")}} 排版引擎，在那之前使用的是 {{glossary("Presto")}}。Opera 也有提供行動與平板電腦版本。</p>
 
 <h2 id="了解更多"><strong>了解更多</strong></h2>
 

@@ -7,7 +7,7 @@
   - Protocols
 translation_of: Glossary/Protocol
 ---
-<p id="Summary"><strong>通訊協定</strong>是一套定義在電腦內部或兩台電腦間，如何交換資料的系統化規則。不同的裝置若需進行溝通，就需要先確認好要交換的資料格式與交換方法，而這些定義好的格式與方法就是通訊協定。</p>
+<p><strong>通訊協定</strong>是一套定義在電腦內部或兩台電腦間，如何交換資料的系統化規則。不同的裝置若需進行溝通，就需要先確認好要交換的資料格式與交換方法，而這些定義好的格式與方法就是通訊協定。</p>
 
 <h2 id="了解更多">了解更多</h2>
 

@@ -43,7 +43,7 @@ <h2 id="如何做動">如何做動</h2>
 
 <h2 id="如何避免">如何避免</h2>
 
-<p style="margin-left: 40px;">在執行用戶的憑證查詢前，先做如下的改變：</p>
+<p>在執行用戶的憑證查詢前，先做如下的改變：</p>
 
 <pre>$id = $_GET['id'] 
 

@@ -36,7 +36,7 @@ <h2 id="「Hello_world」範例程式">「Hello world」範例程式</h2>
 
 <p>前面所述的功能聽起來令人興奮，而她也的確符合這樣的期待— JavaScript 是眾多令人感到興奮的網路科技之一，您會因為選擇利用她來製作網頁而進入一個嶄新且充滿創意及力量的次元。</p>
 
-<p style="font-family: Microsoft jhenghei;">但無論如何，要讓 JavaScript 跟 HTML 和 CSS 合作無間的話，可能還要費一些功夫。現在您將會從一些細小的地方開始著手，接著一步步地往前進。首先，我們將會向您展示如何將一些基本的 JavaScript 給加入您的頁面中，並且打造一個<em>「hello world!」</em>的範例（<a href="https://zh.wikipedia.org/zh-tw/Hello_World">這同時也是許多程式語言的標準範例程式</a>）。</p>
+<p>但無論如何，要讓 JavaScript 跟 HTML 和 CSS 合作無間的話，可能還要費一些功夫。現在您將會從一些細小的地方開始著手，接著一步步地往前進。首先，我們將會向您展示如何將一些基本的 JavaScript 給加入您的頁面中，並且打造一個<em>「hello world!」</em>的範例（<a href="https://zh.wikipedia.org/zh-tw/Hello_World">這同時也是許多程式語言的標準範例程式</a>）。</p>
 
 <div class="warning">
 <p><strong>注意</strong>：如果您還沒有學習過先前的課程，<a href="https://github.com/mdn/beginner-html-site-styled/archive/gh-pages.zip">請您下載這個範例程式碼</a>，並以此開始練習。</p>

@@ -585,11 +585,11 @@ <h6 id="Active_learning">Active learning</h6>
 &lt;/div&gt;
 </pre>
 
-<p class="brush: js"></p>
+<p></p>
 
-<p class="brush: js"></p>
+<p></p>
 
-<p class="brush: js"></p>
+<p></p>
 
 <pre class="brush: css notranslate">html {
   font-family: sans-serif;
@@ -611,13 +611,13 @@ <h6 id="Active_learning">Active learning</h6>
   background: #f5f9fa;
 }</pre>
 
-<p class="brush: js"></p>
+<p></p>
 
-<p class="brush: js"></p>
+<p></p>
 
-<p class="brush: js"></p>
+<p></p>
 
-<p class="brush: js"></p>
+<p></p>
 
 <pre class="brush: js notranslate">var textarea = document.getElementById('code');
 var reset = document.getElementById('reset');
@@ -696,7 +696,7 @@ <h6 id="Active_learning">Active learning</h6>
   updateCode();
 };</pre>
 
-<p class="brush: js"></p>
+<p></p>
 </div>
 
 <p>{{ EmbedLiveSample('Active_learning', '100%', 880, "", "", "hide-codepen-jsfiddle") }}</p>
@@ -909,7 +909,7 @@ <h2 id="See_also">See also</h2>
  <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/while">while</a> and <a href="/en-US/docs/Web/JavaScript/Reference/Statements/do...while">do...while</a> references</li>
  <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/break">break</a> and <a href="/en-US/docs/Web/JavaScript/Reference/Statements/continue">continue</a> references</li>
  <li>
-  <p class="entry-title"><a href="https://www.impressivewebs.com/javascript-for-loop/">What’s the Best Way to Write a JavaScript For Loop?</a> — some advanced loop best practices</p>
+  <p><a href="https://www.impressivewebs.com/javascript-for-loop/">What’s the Best Way to Write a JavaScript For Loop?</a> — some advanced loop best practices</p>
  </li>
 </ul>
 

@@ -24,7 +24,7 @@
 
 <h2 id="把字串當作物件">把字串當作物件</h2>
 
-<p id="Useful_string_methods">我們曾經說過，現在我們重申一遍—在javascript中，一切東西都可以被當作物件。例如我們創建一個字串。</p>
+<p>我們曾經說過，現在我們重申一遍—在javascript中，一切東西都可以被當作物件。例如我們創建一個字串。</p>
 
 <pre class="brush: js notranslate">var string = 'This is my string';</pre>
 

@@ -466,7 +466,7 @@ <h3 id="模型">模型</h3>
 
 <pre class="brush: python notranslate">from datetime import date</pre>
 
-<p class="brush: python">現在，在<code>BookInstance</code>類中添加以下屬性定義：</p>
+<p>現在，在<code>BookInstance</code>類中添加以下屬性定義：</p>
 
 <pre class="brush: python notranslate">@property
 def is_overdue(self):