diff options
28 files changed, 40 insertions, 48 deletions
diff --git a/files/zh-tw/learn/accessibility/wai-aria_basics/index.html b/files/zh-tw/learn/accessibility/wai-aria_basics/index.html index 926505aa85..2dda380c7c 100644 --- a/files/zh-tw/learn/accessibility/wai-aria_basics/index.html +++ b/files/zh-tw/learn/accessibility/wai-aria_basics/index.html @@ -184,7 +184,7 @@ translation_of: Learn/Accessibility/WAI-ARIA_basics <p>除此之外，該網站對舊瀏覽器如IE8的使用者更可能無障礙；為了這個目的，包含ARIA角色是值得的。如果為了某些原因，你的網站僅使用 <code><div></code>建置，那麼肯定你應該包含ARIA角色來提供這些非常需要的語意！</p> -<p>當ARIA超越從HTML5所能獲得的語意時，搜尋表單的改進語意已經顯示實現的可能性。你將會在下面看到更多關於這些語意與ARIA屬性的能力，尤其在{{anch("Accessibility of non-semantic controls")}}章節。現在，我們先來看看ARIA如何幫助動態內容更新。</p> +<p>當ARIA超越從HTML5所能獲得的語意時，搜尋表單的改進語意已經顯示實現的可能性。你將會在下面看到更多關於這些語意與ARIA屬性的能力，尤其在<a href="#非語意控制措施的無障礙">Accessibility of non-semantic controls</a>章節。現在，我們先來看看ARIA如何幫助動態內容更新。</p> <h3 id="動態內容更新">動態內容更新</h3> @@ -298,7 +298,7 @@ translation_of: Learn/Accessibility/WAI-ARIA_basics <p><strong>注意</strong>：你可以查看完成的範例 <a href="http://mdn.github.io/learning-area/accessibility/aria/form-validation-updated.html">form-validation-updated.html</a>。</p> </div> -<p>除了傳統的 {{htmlelement("label")}} 元素之外，WAI-ARIA也能賦予一些進階的表單標籤技術。我們已經談論過使用 <code><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-label">aria-label</a></code> 屬性在我們不希望標籤讓有視覺的使用者看見的地方來提供標籤(參見上述 {{anch("Signposts/Landmarks")}} 章節。如果你想要指定一個非<code><label></code> 元素當作標籤或具有相同標籤多重的表單輸入標籤，這裡有使用其他屬性如 <code><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby">aria-labelledby</a></code> 的其他標籤技術，如果你想要其他的訊息與表單輸入關聯並且報讀出來，使用 <code><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-describedby">aria-describedby</a></code>。更多細節請參見 <a href="http://webaim.org/techniques/forms/advanced">WebAIM's Advanced Form Labeling article</a><span class="subtitle"> 。</span></p> +<p>除了傳統的 {{htmlelement("label")}} 元素之外，WAI-ARIA也能賦予一些進階的表單標籤技術。我們已經談論過使用 <code><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-label">aria-label</a></code> 屬性在我們不希望標籤讓有視覺的使用者看見的地方來提供標籤(參見上述 <a href="#路標地標">路標/地標</a> 章節。如果你想要指定一個非<code><label></code> 元素當作標籤或具有相同標籤多重的表單輸入標籤，這裡有使用其他屬性如 <code><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby">aria-labelledby</a></code> 的其他標籤技術，如果你想要其他的訊息與表單輸入關聯並且報讀出來，使用 <code><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-describedby">aria-describedby</a></code>。更多細節請參見 <a href="http://webaim.org/techniques/forms/advanced">WebAIM's Advanced Form Labeling article</a><span class="subtitle"> 。</span></p> <p>還有許多其他有用的屬性與狀態，用來指出表單元素的狀態。例如，<span class="subtitle"> <code><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-disabled">aria-disabled</a>="true"</code> </span>可用於指出表單區域是處於停用的狀態。許多瀏覽器只會跳過停用的表單區塊，並且甚至不會被螢幕報讀器讀出，但在某些情況下，他們可被感知，所以最好包含此屬性讓螢幕報讀器知道停用的輸入事實上即是停用的狀態。</p> @@ -326,7 +326,7 @@ translation_of: Learn/Accessibility/WAI-ARIA_basics <h4 id="描述非語意按鈕為按鈕">描述非語意按鈕為按鈕</h4> -<p>本課程我們已經談過幾次按鈕、連結或表單元素(參見HTML無障礙文章的 <a href="/en-US/docs/Learn/Accessibility/HTML#UI_controls">UI controls</a> ，以及前述{{anch("Enhancing keyboard accessibility")}}的原生無障礙(以及在使用其他元素偽造背後的無障礙議題)。基本上，使用 <code>tabindex</code> 與一些 JavaScript，在很多情況下，你可以在沒有太多困難下增加鍵盤無障礙支援功能。</p> +<p>本課程我們已經談過幾次按鈕、連結或表單元素(參見HTML無障礙文章的 <a href="/en-US/docs/Learn/Accessibility/HTML#UI_controls">UI controls</a> ，以及前述<a href="#增強鍵盤無障礙">增強鍵盤無障礙</a>的原生無障礙(以及在使用其他元素偽造背後的無障礙議題)。基本上，使用 <code>tabindex</code> 與一些 JavaScript，在很多情況下，你可以在沒有太多困難下增加鍵盤無障礙支援功能。</p> <p>但螢幕報讀器的情況如何呢？他們仍然無法將這些元素視為按鈕。如果我們用螢幕報讀器測試我們的 <a href="http://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html">fake-div-buttons.html</a> 範例，我們偽造的按鈕將會用句子如 "Click me!, group"讀出，很顯然地令人困惑。</p> diff --git a/files/zh-tw/learn/html/introduction_to_html/creating_hyperlinks/index.html b/files/zh-tw/learn/html/introduction_to_html/creating_hyperlinks/index.html index 059cfa427c..fcab5b97a1 100644 --- a/files/zh-tw/learn/html/introduction_to_html/creating_hyperlinks/index.html +++ b/files/zh-tw/learn/html/introduction_to_html/creating_hyperlinks/index.html @@ -36,7 +36,7 @@ translation_of: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks <h2 id="解析連結">解析連結</h2> -<p>一個基本的連結由 {{htmlelement("a")}} 元素包裹一段文字而成(當然也不一定要是文字，見下方的{{anch("區塊級連結")}})，同時，你需要將網路位址填入 {{htmlattrxref("href", "a")}} 屬性中，這個屬性有時也被叫做<strong>超文字參考(Hypertext Reference)</strong>或<strong>目標(target)</strong>。</p> +<p>一個基本的連結由 {{htmlelement("a")}} 元素包裹一段文字而成(當然也不一定要是文字，見下方的<a href="#區塊級連結block-level_links">區塊級連結</a>)，同時，你需要將網路位址填入 {{htmlattrxref("href", "a")}} 屬性中，這個屬性有時也被叫做<strong>超文字參考(Hypertext Reference)</strong>或<strong>目標(target)</strong>。</p> <pre class="brush: html"><p>I'm creating a link to <a href="https://www.mozilla.org/en-US/">the Mozilla homepage</a>. diff --git a/files/zh-tw/learn/html/multimedia_and_embedding/video_and_audio_content/test_your_skills_colon__multimedia_and_embedding/index.html b/files/zh-tw/learn/html/multimedia_and_embedding/video_and_audio_content/test_your_skills_colon__multimedia_and_embedding/index.html index 6bb05fb46e..8bbba6fc07 100644 --- a/files/zh-tw/learn/html/multimedia_and_embedding/video_and_audio_content/test_your_skills_colon__multimedia_and_embedding/index.html +++ b/files/zh-tw/learn/html/multimedia_and_embedding/video_and_audio_content/test_your_skills_colon__multimedia_and_embedding/index.html @@ -21,7 +21,7 @@ translation_of: >- <div class="blockIndicator note"> <p><strong>Note</strong>: 您可以在下面的交互式編輯器中嘗試解決方案，但是下載代碼並使用在線工具如 <a href="https://codepen.io/">CodePen</a>, <a href="https://jsfiddle.net/">jsFiddle</a>, or <a href="https://glitch.com/">Glitch</a> 去完成測試。<br> <br> - 如果您遇到困難，請向我們尋求幫助-請參閱 {{anch("Assessment or further help")}} 此頁面底部的部分。</p> + 如果您遇到困難，請向我們尋求幫助-請參閱 <a href="#評估或進一步幫助">評估或進一步幫助</a> 此頁面底部的部分。</p> </div> <h2 id="多媒體和嵌入1">多媒體和嵌入1</h2> diff --git a/files/zh-tw/learn/javascript/first_steps/arrays/index.html b/files/zh-tw/learn/javascript/first_steps/arrays/index.html index 895183b811..8ded53e5e3 100644 --- a/files/zh-tw/learn/javascript/first_steps/arrays/index.html +++ b/files/zh-tw/learn/javascript/first_steps/arrays/index.html @@ -180,7 +180,7 @@ removedItem;</pre> <ol> <li>Below the <code>// number 1</code> comment are a number of strings, each one containing a product name and price separated by a colon. We'd like you to turn this into an array and store it in an array called <code>products</code>.</li> <li>On the same line as the <code>// number 2</code> comment is the beginning of a for loop. In this line we currently have <code>i <= 0</code>, which is a conditional test that causes the <a href="/en-US/Learn/JavaScript/First_steps/A_first_splash#Loops">for loop</a> to stop immediately, because it is saying "stop when <code>i</code> is no longer less than or equal to 0", and <code>i</code> starts at 0. We'd like you to replace this with a conditional test that stops the loop when <code>i</code> is no longer less than the <code>products</code> array's length.</li> - <li>Just below the <code>// number 3</code> comment we want you to write a line of code that splits the current array item (<code>name:price</code>) into two separate items, one containing just the name and one containing just the price. If you are not sure how to do this, consult the <a href="/en-US/docs/Learn/JavaScript/First_steps/Useful_string_methods">Useful string methods</a> article for some help, or even better, look at the {{anch("Converting between strings and arrays")}} section of this article.</li> + <li>Just below the <code>// number 3</code> comment we want you to write a line of code that splits the current array item (<code>name:price</code>) into two separate items, one containing just the name and one containing just the price. If you are not sure how to do this, consult the <a href="/en-US/docs/Learn/JavaScript/First_steps/Useful_string_methods">Useful string methods</a> article for some help, or even better, look at the <a href="#在字串與陣列之間轉換">Converting between strings and arrays</a> section of this article.</li> <li>As part of the above line of code, you'll also want to convert the price from a string to a number. If you can't remember how to do this, check out the <a href="/en-US/Learn/JavaScript/First_steps/Strings#Numbers_versus_strings">first strings article</a>.</li> <li>There is a variable called <code>total</code> that is created and given a value of 0 at the top of the code. Inside the loop (below <code>// number 4</code>) we want you to add a line that adds the current item price to that total in each iteration of the loop, so that at the end of the code the correct total is printed onto the invoice. You might need an <a href="/en-US/Learn/JavaScript/First_steps/Math#Assignment_operators">assignment operator</a> to do this.</li> <li>We want you to change the line just below <code>// number 5</code> so that the <code>itemText</code> variable is made equal to "current item name — $current item price", for example "Shoes — $23.99" in each case, so the correct information for each item is printed on the invoice. This is just simple string concatenation, which should be familiar to you.</li> diff --git a/files/zh-tw/learn/tools_and_testing/cross_browser_testing/automated_testing/index.html b/files/zh-tw/learn/tools_and_testing/cross_browser_testing/automated_testing/index.html index 59126f3334..1d3c458b5c 100644 --- a/files/zh-tw/learn/tools_and_testing/cross_browser_testing/automated_testing/index.html +++ b/files/zh-tw/learn/tools_and_testing/cross_browser_testing/automated_testing/index.html @@ -319,7 +319,7 @@ var csslint = require('gulp-csslint');</pre> <p>Let's have a brief look at how we'd access the API using Node.js and <a href="https://github.com/danjenkins/node-saucelabs">node-saucelabs</a>.</p> <ol> - <li>First, set up a new npm project to test this out, as detailed in {{anch("Setting up Node and npm")}}. Use a different directory name than before, like <code>sauce-test</code> for example.</li> + <li>First, set up a new npm project to test this out, as detailed in <a href="#設定_node_與_npm">Setting up Node and npm</a>. Use a different directory name than before, like <code>sauce-test</code> for example.</li> <li>使用以下指令安裝 Node Sauce Labs wrapper： <pre>npm install saucelabs</pre> </li> diff --git a/files/zh-tw/mozilla/add-ons/webextensions/internationalization/index.html b/files/zh-tw/mozilla/add-ons/webextensions/internationalization/index.html index c7e493e8f4..6ca5ee82fa 100644 --- a/files/zh-tw/mozilla/add-ons/webextensions/internationalization/index.html +++ b/files/zh-tw/mozilla/add-ons/webextensions/internationalization/index.html @@ -283,7 +283,7 @@ var content = browser.i18n.getMessage("notificationContent", message.url);</pre> <h2 id="Predefined_messages">Predefined messages</h2> -<p>The i18n module provides us with some predefined messages, which we can call in the same way as we saw earlier in {{anch("Calling message strings from manifests and extension CSS")}}. For example:</p> +<p>The i18n module provides us with some predefined messages, which we can call in the same way as we saw earlier in <a href="#retrieving_localized_strings_in_manifests">Calling message strings from manifests and extension CSS</a>. For example:</p> <pre>__MSG_extensionName__</pre> diff --git a/files/zh-tw/orphaned/web/javascript/reference/global_objects/map/index.html b/files/zh-tw/orphaned/web/javascript/reference/global_objects/map/index.html index b92817f30b..0687246086 100644 --- a/files/zh-tw/orphaned/web/javascript/reference/global_objects/map/index.html +++ b/files/zh-tw/orphaned/web/javascript/reference/global_objects/map/index.html @@ -31,7 +31,7 @@ original_slug: Web/JavaScript/Reference/Global_Objects/Map <h3 id="鍵的相等性">鍵的相等性</h3> -<p>鍵相等是基於 <a href="/zh-TW/docs/Web/JavaScript/Equality_comparisons_and_sameness#Same-value-zero_equality">SameValueZero</a> 的演算法：<code>NaN</code> 被認為與 <code>NaN</code> 相同（即使 <code>NaN !== NaN</code>）並且根據 <code>===</code> 運算符的語義，所有其他值都被認為相等。在目前的ECMAScript 規範中，<code>-0</code> 和 <code>+0</code> 被認為是相等的，儘管在早期的草案中並非如此。詳細的內容請參閱 {{anch("Browser compatibility")}} 表中的 "Value equality for -0 and 0"。</p> +<p>鍵相等是基於 <a href="/zh-TW/docs/Web/JavaScript/Equality_comparisons_and_sameness#Same-value-zero_equality">SameValueZero</a> 的演算法：<code>NaN</code> 被認為與 <code>NaN</code> 相同（即使 <code>NaN !== NaN</code>）並且根據 <code>===</code> 運算符的語義，所有其他值都被認為相等。在目前的ECMAScript 規範中，<code>-0</code> 和 <code>+0</code> 被認為是相等的，儘管在早期的草案中並非如此。詳細的內容請參閱 <a href="#瀏覽器相容性">瀏覽器相容性</a> 表中的 "Value equality for -0 and 0"。</p> <h3 id="Object_及_Map_的比較">Object 及 Map 的比較</h3> @@ -251,8 +251,6 @@ console.log(merged.get(3)); // three</code> <h2 id="瀏覽器相容性">瀏覽器相容性</h2> - - <p>{{Compat("javascript.builtins.Map")}}</p> <h2 id="參見">參見</h2> diff --git a/files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.html b/files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.html index 96fe2b9615..d6bd582c16 100644 --- a/files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.html +++ b/files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.html @@ -9,12 +9,6 @@ translation_of: Web/API/Canvas_API/Tutorial/Drawing_shapes <p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/224/Canvas_default_grid.png" style="float: right; height: 220px; width: 220px;">在開始繪圖前，我們必須先了解畫布 (canvas) 網格，或著是說座標空間。在前一頁教學中的 HTML 範本有一個寬150 pixels (像素)、高150 pixels 的畫布。如右圖，你在畫布預設網格上繪圖，網格上 1 單位相當於畫布上 1 pixel，網格的原點 (座標 (0, 0) ) 坐落於左上角，所有元素定位皆相對於此左上角原點，所以藍色方塊的位置為從左往右推 x pixels、從上往下推 y pixels (亦即座標 (x, y) )。現在我們先專注在預設設定上，之後我們會看到如何轉換原點位置、旋轉網格以及縮放網格。</p> -<p> </p> - -<p> </p> - -<p> </p> - <h2 id="畫矩形">畫矩形</h2> <p>不同於<a href="/en-US/docs/SVG" rel="internal" title="en/SVG">SVG</a>，{{HTMLElement("canvas")}}只支援一種原始圖形，矩形。所有的圖形都必須由一或多個繪圖路徑構成，而我們正好有一些繪圖路徑函數可以讓我們畫出複雜的圖形。</p> @@ -173,7 +167,7 @@ translation_of: Web/API/Canvas_API/Tutorial/Drawing_shapes <p>移除moveTo()便可以看到線條連結起來。</p> <div class="note"> -<p><strong>Note:</strong> 有關arc()，請參照下方 {{anch("Arcs")}} .</p> +<p><strong>Note:</strong> 有關arc()，請參照下方<a href="#弧形">弧形</a>。</p> </div> <h3 id="線條">線條</h3> diff --git a/files/zh-tw/web/api/document/execcommand/index.html b/files/zh-tw/web/api/document/execcommand/index.html index c06cd0d89c..2b85a02bfb 100644 --- a/files/zh-tw/web/api/document/execcommand/index.html +++ b/files/zh-tw/web/api/document/execcommand/index.html @@ -26,7 +26,7 @@ translation_of: Web/API/Document/execCommand <dl> <dt><code>aCommandName</code></dt> - <dd>一個 {{domxref("DOMString")}} 作為指定要執行的指令。所有可用的指令列表請見 {{anch("Commands")}} 。</dd> + <dd>一個 {{domxref("DOMString")}} 作為指定要執行的指令。所有可用的指令列表請見 <a href="#指令">指令</a> 。</dd> <dt><code>aShowDefaultUI</code></dt> <dd>一個 {{jsxref("Boolean")}} 作為指示是否顯示預設的使用者介面。 Mozilla 並未實作這項功能。</dd> <dt><code>aValueArgument</code></dt> diff --git a/files/zh-tw/web/api/document/keyup_event/index.html b/files/zh-tw/web/api/document/keyup_event/index.html index 3568b30c18..34e82ab7f2 100644 --- a/files/zh-tw/web/api/document/keyup_event/index.html +++ b/files/zh-tw/web/api/document/keyup_event/index.html @@ -78,7 +78,7 @@ translation_of: Web/API/Document/keyup_event <tr> <td><code>key</code> {{readonlyInline}}</td> <td>DOMString (string)</td> - <td>The key value of the key represented by the event. If the value has a printed representation, this attribute's value is the same as the <code>char</code> attribute. Otherwise, it's one of the key value strings specified in {{ anch("Key values") }}. If the key can't be identified, this is the string "Unidentified". See <a href="/en-US/docs/Web/API/KeyboardEvent#Key_names_and_Char_values">key names and char values</a> for the detail. Read Only.</td> + <td>The key value of the key represented by the event. If the value has a printed representation, this attribute's value is the same as the <code>char</code> attribute. Otherwise, it's one of the key value strings specified in <a href="#key_values">Key values</a>. If the key can't be identified, this is the string "Unidentified". See <a href="/en-US/docs/Web/API/KeyboardEvent#Key_names_and_Char_values">key names and char values</a> for the detail. Read Only.</td> </tr> <tr> <td><code>charCode</code> {{readonlyInline}}</td> @@ -90,7 +90,7 @@ translation_of: Web/API/Document/keyup_event <tr> <td><code>keyCode</code> {{readonlyInline}}</td> <td>Unsigned long (int)</td> - <td>A system and implementation dependent numerical code identifying the unmodified value of the pressed key. This is usually the decimal ASCII ({{ RFC(20) }}) or Windows 1252 code corresponding to the key; see {{ anch("Virtual key codes") }} for a list of common values. If the key can't be identified, this value is 0. + <td>A system and implementation dependent numerical code identifying the unmodified value of the pressed key. This is usually the decimal ASCII ({{ RFC(20) }}) or Windows 1252 code corresponding to the key; see <a href="#virtual_key_codes">Virtual key codes</a> for a list of common values. If the key can't be identified, this value is 0. <div class="warning"><strong>Warning:</strong> This attribute is deprecated; you should use <code>key</code> instead, if available.</div> </td> </tr> diff --git a/files/zh-tw/web/api/file/index.html b/files/zh-tw/web/api/file/index.html index 0dce936ff8..e295764aa8 100644 --- a/files/zh-tw/web/api/file/index.html +++ b/files/zh-tw/web/api/file/index.html @@ -18,7 +18,7 @@ translation_of: Web/API/File <p><strong><code>File</code></strong> 介面提供了檔案的資訊並且允許網頁中的 JavaScript 存取檔案的內容。</p> -<p><code>File</code> 物件通常是從使用者於 {{HTMLElement("input")}} 元素選擇之檔案所回傳的 {{domxref("FileList")}} 物件當中取得，也可以來自<a href="/zh-TW/docs/Web/Guide/HTML/Drag_and_drop">拖放操作</a>所產生的 {{domxref("DataTransfer")}} 物件之中，或是由 {{domxref("HTMLCanvasElement")}} 物件（元素物件）執行 <code>mozGetAsFile()</code> 方法後回傳。在 Gecko 引擎中，有專屬的程式碼能不需使用者操作即建立 <code>File</code> 物件來表示本地端的任一檔案（請參考 {{anch("Implementation notes")}} 以閱讀更多資訊）。</p> +<p><code>File</code> 物件通常是從使用者於 {{HTMLElement("input")}} 元素選擇之檔案所回傳的 {{domxref("FileList")}} 物件當中取得，也可以來自<a href="/zh-TW/docs/Web/Guide/HTML/Drag_and_drop">拖放操作</a>所產生的 {{domxref("DataTransfer")}} 物件之中，或是由 {{domxref("HTMLCanvasElement")}} 物件（元素物件）執行 <code>mozGetAsFile()</code> 方法後回傳。在 Gecko 引擎中，有專屬的程式碼能不需使用者操作即建立 <code>File</code> 物件來表示本地端的任一檔案（請參考 <a href="#implementation_notes">Implementation notes</a> 以閱讀更多資訊）。</p> <p><code>File</code> 物件是一種特殊的 {{domxref("Blob")}}，且可被用在任何接受 Blob 物件的地方。特別是 {{domxref("FileReader")}}、{{domxref("URL.createObjectURL()")}}、{{domxref("ImageBitmapFactories.createImageBitmap()", "createImageBitmap()")}} 和 {{domxref("XMLHttpRequest", "", "send()")}} 都能夠同樣接受 <code>Blob</code> 以及 <code>File</code>。</p> diff --git a/files/zh-tw/web/api/file/using_files_from_web_applications/index.html b/files/zh-tw/web/api/file/using_files_from_web_applications/index.html index cf9719ccd2..cfcb654de0 100644 --- a/files/zh-tw/web/api/file/using_files_from_web_applications/index.html +++ b/files/zh-tw/web/api/file/using_files_from_web_applications/index.html @@ -5,7 +5,7 @@ tags: - 待翻譯 translation_of: Web/API/File/Using_files_from_web_applications --- -<p> {{ gecko_minversion_header("1.9.2") }}</p> +<p>{{ gecko_minversion_header("1.9.2") }}</p> <p>現在可以透過新增至HTML5 DOM的File API讓web內容要求使用者選取本地端的檔案後讀取被選取檔案中的內容。檔案的選取動作可以使用HTML的 <a href="/en/DOM/HTMLInputElement" title="en/DOM/Input"><code>input</code></a> 元素，或是用拖曳檔案（drag and drop）的方式來完成。</p> @@ -228,7 +228,7 @@ function dragover(e) { </div> </pre> -<p>This establishes our file {{ HTMLElement("input") }} element, as well as a link that invokes the file picker, since we keep the file input hidden to prevent that less-than-attractive UI from being displayed. This is explained above in the section {{ anch("Using hidden file input elements using the click() method") }}, as is the <code>doClick()</code> method that invokes the file picker.</p> +<p>This establishes our file {{ HTMLElement("input") }} element, as well as a link that invokes the file picker, since we keep the file input hidden to prevent that less-than-attractive UI from being displayed. This is explained above in the section <a href="#使用click()_方法隱藏檔案輸入元素">Using hidden file input elements using the click() method</a>, as is the <code>doClick()</code> method that invokes the file picker.</p> <p>The <code>handleFiles()</code> method follows:</p> diff --git a/files/zh-tw/web/api/html_drag_and_drop_api/index.html b/files/zh-tw/web/api/html_drag_and_drop_api/index.html index 5c47136d42..6de4bc08d7 100644 --- a/files/zh-tw/web/api/html_drag_and_drop_api/index.html +++ b/files/zh-tw/web/api/html_drag_and_drop_api/index.html @@ -73,7 +73,7 @@ translation_of: Web/API/HTML_Drag_and_Drop_API <p>HTML 拖放介面有 {{domxref("DragEvent")}}、{{domxref("DataTransfer")}}、{{domxref("DataTransferItem")}} 以及 {{domxref("DataTransferItemList")}}。</p> -<p>{{domxref("DragEvent")}} 介面擁有一個建構式及一個屬性－{{domxref("DragEvent.dataTransfer","dataTransfer")}} 屬性為一個 {{domxref("DataTransfer")}} 物件。{{domxref("DataTransfer")}} 物件包含了拖放事件的狀態，如正在進行的拖放事件類型（例如 <code>copy</code> 或 <code>move</code>）、拖放中的資料（一或多個項目）以及每一個<em>拖放項目（drag item）</em>的檔案類型（MIME type）。{{domxref("DataTransfer")}} 物件也擁有加入及移除拖放資料項目的方法。{{domxref("DragEvent")}} 與 {{domxref("DataTransfer")}} 介面應該是唯一須要加至應用程式中的 HTML 拖放功能。另外，請留意 Firefox 支援了一些 {{anch("Gecko specific interfaces","Gecko-specific 擴充")}}予 {{domxref("DataTransfer")}} 物件使用，雖然這些擴充只能在 Firefox 上作用。</p> +<p>{{domxref("DragEvent")}} 介面擁有一個建構式及一個屬性－{{domxref("DragEvent.dataTransfer","dataTransfer")}} 屬性為一個 {{domxref("DataTransfer")}} 物件。{{domxref("DataTransfer")}} 物件包含了拖放事件的狀態，如正在進行的拖放事件類型（例如 <code>copy</code> 或 <code>move</code>）、拖放中的資料（一或多個項目）以及每一個<em>拖放項目（drag item）</em>的檔案類型（MIME type）。{{domxref("DataTransfer")}} 物件也擁有加入及移除拖放資料項目的方法。{{domxref("DragEvent")}} 與 {{domxref("DataTransfer")}} 介面應該是唯一須要加至應用程式中的 HTML 拖放功能。另外，請留意 Firefox 支援了一些 <a href="#gecko-specific_interfaces">Gecko-specific 擴充</a>予 {{domxref("DataTransfer")}} 物件使用，雖然這些擴充只能在 Firefox 上作用。</p> <p>每個 {{domxref("DataTransfer")}} 物件都包含了 {{domxref("DataTransfer.items","items")}} 屬性。此屬性乃 {{domxref("DataTransferItem")}} 物件的 {{domxref("DataTransferItemList","list")}}。而每個 {{domxref("DataTransferItem")}} 物件，則代表著一個<em>拖放單元</em>，每個拖放單元則擁有代表該資料<em>種類</em>的 {{domxref("DataTransferItem.kind","kind")}} 屬性（<code>string</code> 或 <code>file</code>）、還有表示該單元檔案類型（如 MIME）的{{domxref("DataTransferItem.type","type")}} 屬性。另外，{{domxref("DataTransferItem")}} 物件能取得拖放單元的資料。</p> diff --git a/files/zh-tw/web/api/node/nodetype/index.html b/files/zh-tw/web/api/node/nodetype/index.html index 606cbd1b94..5c5c4268e4 100644 --- a/files/zh-tw/web/api/node/nodetype/index.html +++ b/files/zh-tw/web/api/node/nodetype/index.html @@ -18,7 +18,7 @@ translation_of: Web/API/Node/nodeType <pre class="syntaxbox"><em>var <var>type</var></em> = <var>node</var>.nodeType; </pre> -<p>Returns an integer value which specifies the type of the node; possible values are listed in {{anch("Node type constants")}}.</p> +<p>Returns an integer value which specifies the type of the node; possible values are listed in <a href="#節點類型常數">Node type constants</a>.</p> <h2 id="常數">常數</h2> diff --git a/files/zh-tw/web/api/notification/index.html b/files/zh-tw/web/api/notification/index.html index ca27b6413e..7e308c8229 100644 --- a/files/zh-tw/web/api/notification/index.html +++ b/files/zh-tw/web/api/notification/index.html @@ -90,7 +90,7 @@ translation_of: Web/API/Notification <h4 id="停止支援的事件處理器">停止支援的事件處理器</h4> -<p>底下這些列在 {{anch("browser compatibility")}} 中的 event handlers 雖然還有支援，但已經從近期的 spec 中移除了。因為瀏覽器會在未來的版本逐漸停止支援，最好還是不要使用它們。</p> +<p>底下這些列在 <a href="#瀏覽器支援度">瀏覽器支援度</a> 中的 event handlers 雖然還有支援，但已經從近期的 spec 中移除了。因為瀏覽器會在未來的版本逐漸停止支援，最好還是不要使用它們。</p> <dl> <dt>{{domxref("Notification.onclose")}}</dt> diff --git a/files/zh-tw/web/api/server-sent_events/using_server-sent_events/index.html b/files/zh-tw/web/api/server-sent_events/using_server-sent_events/index.html index 92433f4f18..e9d5992197 100644 --- a/files/zh-tw/web/api/server-sent_events/using_server-sent_events/index.html +++ b/files/zh-tw/web/api/server-sent_events/using_server-sent_events/index.html @@ -59,7 +59,7 @@ translation_of: Web/API/Server-sent_events/Using_server-sent_events <h2 id="從伺服器發送事件">從伺服器發送事件</h2> -<p>由伺服器端所發送的事件需要使用 <code>text/event-stream</code> 的 MIME 類型回應。每一個通知皆由一組文字組成並由一對換行結尾。如何處理事件串流的格式，請參考 {{ anch("Event stream format") }} 。</p> +<p>由伺服器端所發送的事件需要使用 <code>text/event-stream</code> 的 MIME 類型回應。每一個通知皆由一組文字組成並由一對換行結尾。如何處理事件串流的格式，請參考 <a href="#事件串流（event_stream）格式">Event stream format</a> 。</p> <p>下面是一個 {{Glossary("PHP")}} 範例：</p> diff --git a/files/zh-tw/web/api/web_workers_api/using_web_workers/index.html b/files/zh-tw/web/api/web_workers_api/using_web_workers/index.html index b2767fa6f4..39dbe87d8f 100644 --- a/files/zh-tw/web/api/web_workers_api/using_web_workers/index.html +++ b/files/zh-tw/web/api/web_workers_api/using_web_workers/index.html @@ -88,7 +88,7 @@ second.onchange = function() { <div class="note"><strong>Note</strong>: 在主執行緒中存取 <code>onmessage</code> <code>與 postMessage</code> 需要主動掛在 worker 物件上，在 worker 執行緒則不用，這是因為 worker 執行緒的全域物件便是 worker 物件。</div> -<div class="note"><strong>Note</strong>: 和 worker 傳送的資料並非共享而是複製一份後傳送，詳細請參照 {{anch("Transferring data to and from workers: further details")}}。</div> +<div class="note"><strong>Note</strong>: 和 worker 傳送的資料並非共享而是複製一份後傳送，詳細請參照 <a href="#和_workers_傳遞資料：更多細節">和 workers 傳遞資料：更多細節</a>。</div> <h3 id="結束_worker">結束 worker</h3> diff --git a/files/zh-tw/web/api/webvr_api/index.html b/files/zh-tw/web/api/webvr_api/index.html index dd9db2716f..fe50e8dd42 100644 --- a/files/zh-tw/web/api/webvr_api/index.html +++ b/files/zh-tw/web/api/webvr_api/index.html @@ -52,7 +52,7 @@ translation_of: Web/API/WebVR_API <dt>{{domxref("VRDisplayCapabilities")}}</dt> <dd>Describes the capabilities of a {{domxref("VRDisplay")}} — it's features can be used to perform VR device capability tests, for example can it return position information.</dd> <dt>{{domxref("VRDisplayEvent")}}</dt> - <dd>Represents the event object of WebVR-related events (see the {{anch("Window", "window object extensions")}} listed below).</dd> + <dd>Represents the event object of WebVR-related events (see the <a href="#window">window object extensions</a> listed below).</dd> <dt>{{domxref("VRFrameData")}}</dt> <dd>Represents all the information needed to render a single frame of a VR scene; constructed by {{domxref("VRDisplay.getFrameData()")}}.</dd> <dt>{{domxref("VRPose")}}</dt> diff --git a/files/zh-tw/web/events/index.html b/files/zh-tw/web/events/index.html index 569afb05e4..14b1a6aab4 100644 --- a/files/zh-tw/web/events/index.html +++ b/files/zh-tw/web/events/index.html @@ -1878,7 +1878,7 @@ translation_of: Web/Events <h3 id="Storage_events">Storage events</h3> -<p>{{event("change")}} (see {{anch("Non-standard events")}}), {{event("storage")}}</p> +<p>{{event("change")}} (see <a href="#非標準事件">Non-standard events</a>), {{event("storage")}}</p> <h3 id="SVG_事件">SVG 事件</h3> diff --git a/files/zh-tw/web/html/applying_color/index.html b/files/zh-tw/web/html/applying_color/index.html index 7b41e1fb21..21c9175d50 100644 --- a/files/zh-tw/web/html/applying_color/index.html +++ b/files/zh-tw/web/html/applying_color/index.html @@ -9,7 +9,7 @@ translation_of: Web/HTML/Applying_color <p>Fortunately, adding color to your HTML is actually really easy to do, and you can add color to nearly anything.</p> -<p>We're going to touch on most of what you'll need to know when using color, including a <a href="#things_that_can_have_color">list of what you can color and what CSS properties are involved</a>, <a href="#how_to_describe_a_color">how you describe colors</a>, and how to actually <a href="#using_color">use colors both in stylesheets and in scripts</a>. We'll also take a look at how to {{anch("Letting the user picka color", "let the user pick a color")}}.</p> +<p>We're going to touch on most of what you'll need to know when using color, including a <a href="#things_that_can_have_color">list of what you can color and what CSS properties are involved</a>, <a href="#how_to_describe_a_color">how you describe colors</a>, and how to actually <a href="#using_color">use colors both in stylesheets and in scripts</a>. We'll also take a look at how to <a href="#letting_the_user_pick_a_color">let the user pick a color</a>.</p> <p>Then we'll wrap things up with a brief discussion of how to <a href="#using_color_wisely">use color wisely</a>: how to select appropriate colors, keeping in mind the needs of people with differing visual capabilities.</p> diff --git a/files/zh-tw/web/html/element/input/index.html b/files/zh-tw/web/html/element/input/index.html index f2222daca6..656db29b9f 100644 --- a/files/zh-tw/web/html/element/input/index.html +++ b/files/zh-tw/web/html/element/input/index.html @@ -116,7 +116,7 @@ translation_of: Web/HTML/Element/input <dl> <dt>{{htmlattrdef("type")}}</dt> - <dd>The type of control to render. See {{anch("Form <input> types")}} for the individual types, with links to more information about each.</dd> + <dd>The type of control to render. See <a href="#form_<input>_types">Form <input> types</a> for the individual types, with links to more information about each.</dd> <dt>{{htmlattrdef("accept")}}</dt> <dd>If the value of the <strong>type</strong> attribute is <code>file</code>, then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers: <ul> @@ -342,7 +342,7 @@ translation_of: Web/HTML/Element/input <h2 id="Examples">Examples</h2> -<p>You can find multiple examples of <code><input></code> element usage on the pages covering each individual type — see {{anch("Form <input> types")}}, and also see the <a href="#live_example">Live example</a> at the top of the article.</p> +<p>You can find multiple examples of <code><input></code> element usage on the pages covering each individual type — see <a href="#form_<input>_types">Form <input> types</a>, and also see the <a href="#live_example">Live example</a> at the top of the article.</p> <ul> </ul> diff --git a/files/zh-tw/web/html/element/input/submit/index.html b/files/zh-tw/web/html/element/input/submit/index.html index 36ebce333d..0af5851e77 100644 --- a/files/zh-tw/web/html/element/input/submit/index.html +++ b/files/zh-tw/web/html/element/input/submit/index.html @@ -16,7 +16,7 @@ translation_of: Web/HTML/Element/input/submit <table class="properties"> <tbody> <tr> - <td><strong>{{anch("Value")}}</strong></td> + <td><strong><a href="#值">值</a></strong></td> <td>用作按鈕 label 的 {{domxref("DOMString")}}</td> </tr> <tr> diff --git a/files/zh-tw/web/html/element/script/index.html b/files/zh-tw/web/html/element/script/index.html index cb5bb32bdf..85cf2edb40 100644 --- a/files/zh-tw/web/html/element/script/index.html +++ b/files/zh-tw/web/html/element/script/index.html @@ -54,7 +54,7 @@ translation_of: Web/HTML/Element/script <dd> <p>動態插入的腳本（例如 <code>document.createElement</code>）一般來說是非同步執行的。因此，如果設定同步的話（腳本按照被插入的順序執行），會被設為 <code>async=false</code>。</p> - <p>請參見 {{anch("Browser compatibility")}} 的瀏覽器支援備註。另請參見 <a href="/zh-TW/docs/Games/Techniques/Async_scripts">Async scripts for asm.js</a>。</p> + <p>請參見 <a href="#相容性註解">相容性註解</a> 的瀏覽器支援備註。另請參見 <a href="/zh-TW/docs/Games/Techniques/Async_scripts">Async scripts for asm.js</a>。</p> </dd> <dt>{{htmlattrdef("crossorigin")}}</dt> <dd>針對沒有通過標準 <a href="/zh-TW/docs/HTTP_access_control">CORS</a> 的一般 <code>script</code> 元素，會把最少的資訊傳給 {{domxref('GlobalEventHandlers.onerror', 'window.onerror')}}。若要允許另一個域名站點的靜態內容，列出錯誤訊息，請使用此屬性。請參見 <a href="/zh-TW/docs/Web/HTML/CORS_settings_attributes">CORS settings attributes</a> 以以取得對其有效參數的，更具描述性的解釋。</dd> diff --git a/files/zh-tw/web/http/protocol_upgrade_mechanism/index.html b/files/zh-tw/web/http/protocol_upgrade_mechanism/index.html index 75032d3fb1..e689e8bd0e 100644 --- a/files/zh-tw/web/http/protocol_upgrade_mechanism/index.html +++ b/files/zh-tw/web/http/protocol_upgrade_mechanism/index.html @@ -8,7 +8,7 @@ translation_of: Web/HTTP/Protocol_upgrade_mechanism <p><a href="/zh-TW/docs/Web/HTTP">HTTP/1.1 協議</a>提供了一種特殊的機制，這一機制允許將一個已建立的連接升級成新的、不相容的協議。這篇指南涵蓋了其運作原理和使用場景。</p> -<p>通常來說這一機制總是由客戶端發起的 （不過也有例外，比如說可以由服務端發起{{anch("Server-initiated upgrade to TLS", "升級到傳輸層安全協議（TLS）")}}）， 服務端可以選擇是否要升級到新協議。借助這一技術，連接可以以常用的協議啟動（如HTTP/1.1），隨後再升級到HTTP2甚至是WebSockets.</p> +<p>通常來說這一機制總是由客戶端發起的 （不過也有例外，比如說可以由服務端發起<a href="#server-initiated_upgrade_to_tls">升級到傳輸層安全協議（TLS）</a>）， 服務端可以選擇是否要升級到新協議。借助這一技術，連接可以以常用的協議啟動（如HTTP/1.1），隨後再升級到HTTP2甚至是WebSockets.</p> <p>注意：HTTP/2 明確禁止使用此機制，這個機制只屬於 HTTP/1.1</p> </div> diff --git a/files/zh-tw/web/javascript/guide/grammar_and_types/index.html b/files/zh-tw/web/javascript/guide/grammar_and_types/index.html index a5200c39ec..3e1a49c251 100644 --- a/files/zh-tw/web/javascript/guide/grammar_and_types/index.html +++ b/files/zh-tw/web/javascript/guide/grammar_and_types/index.html @@ -317,13 +317,13 @@ y = 42 + " is the answer" // "42 is the answer" <p>您能使用字面值來表示JavaScript中的值。這些是您在腳本中實際提供的固定值，而不是變量。本節描述以下類型的字面值：</p> <ul> - <li>{{anch("Array literals")}}</li> - <li>{{anch("Boolean literals")}}</li> - <li>{{anch("Floating-point literals")}}</li> - <li>{{anch("Integers")}}</li> - <li>{{anch("Object literals")}}</li> - <li>{{anch("RegExp literals")}}</li> - <li>{{anch("String literals")}}</li> + <li><a href="#陣列字面值_array_literals">Array literals</a></li> + <li><a href="#布林字面值_boolean_literals">Boolean literals</a></li> + <li><a href="#浮點數字面值_floating-point_literals">Floating-point literals</a></li> + <li><a href="#整數字面值_numerical_literals">Integers</a></li> + <li><a href="#物件字面值_object_literals">Object literals</a></li> + <li><a href="#正規表達式字面值_regexp_literals">RegExp literals</a></li> + <li><a href="#字串字面值_string_literals">String literals</a></li> </ul> <h3 id="陣列字面值_Array_literals">陣列字面值 (Array literals)</h3> diff --git a/files/zh-tw/web/javascript/reference/global_objects/date/index.html b/files/zh-tw/web/javascript/reference/global_objects/date/index.html index 9e7cab6fe9..3185971c44 100644 --- a/files/zh-tw/web/javascript/reference/global_objects/date/index.html +++ b/files/zh-tw/web/javascript/reference/global_objects/date/index.html @@ -42,7 +42,7 @@ new Date(<var>year</var>, <var>month</var>[, <var>day</var>[, <var>hour</var>[, </div> </dd> <dt><code>year</code></dt> - <dd>表示年份的整數。當數值落在 0 到 99 之間，表示 1900 到 1999 之間的年份。參考{{anch("Two_digit_years_map_to_1900_-_1999", "下面的範例")}}.</dd> + <dd>表示年份的整數。當數值落在 0 到 99 之間，表示 1900 到 1999 之間的年份。參考<a href="#兩位數的年份對應到_1900_-_1999">下面的範例</a>.</dd> <dt><code>month</code></dt> <dd>表示月份的整數。由 0 開始（一月）到 11 （十二月）。</dd> <dt><code>day</code></dt> diff --git a/files/zh-tw/web/javascript/reference/global_objects/function/apply/index.html b/files/zh-tw/web/javascript/reference/global_objects/function/apply/index.html index 03e58de21b..8cb554a069 100644 --- a/files/zh-tw/web/javascript/reference/global_objects/function/apply/index.html +++ b/files/zh-tw/web/javascript/reference/global_objects/function/apply/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function/apply <dt><code>thisArg</code></dt> <dd>讓 <em><code>fun </code></em><code>呼叫時</code>可以視為 this 的值。注意，這可能並不是最後會在方法裡看見的值：如果這是一個在非 {{jsxref("Strict_mode", "non-strict mode", "", 1)}} 下運作的程式碼，{{jsxref("null")}} 及 {{jsxref("undefined")}} 將會被全域物件取代，而原始類別將被封裝。</dd> <dt><code>argsArray</code></dt> - <dd>一個 array-like object ，定義了 <em><code>fun </code></em><code>要呼叫的一組參數，如果沒有需要提供，可以傳入 </code>{{jsxref("null")}} 或 {{jsxref("undefined")}} 。從 ECMAScript 5 開始，這些參數不僅可以是泛型的 array-like object ，而不一定要是一組陣列。查看下方的{{anch("Browser_compatibility", "browser compatibility")}} 資訊。</dd> + <dd>一個 array-like object ，定義了 <em><code>fun </code></em><code>要呼叫的一組參數，如果沒有需要提供，可以傳入 </code>{{jsxref("null")}} 或 {{jsxref("undefined")}} 。從 ECMAScript 5 開始，這些參數不僅可以是泛型的 array-like object ，而不一定要是一組陣列。查看下方的<a href="#瀏覽器相容性">瀏覽器相容性</a> 資訊。</dd> </dl> <h3 id="回傳值">回傳值</h3> diff --git a/files/zh-tw/web/media/formats/containers/index.html b/files/zh-tw/web/media/formats/containers/index.html index af3444d427..ba40aa687d 100644 --- a/files/zh-tw/web/media/formats/containers/index.html +++ b/files/zh-tw/web/media/formats/containers/index.html @@ -44,12 +44,12 @@ translation_of: Web/Media/Formats/Containers <td>Chrome 56, Edge 16, Firefox 51, Safari 11</td> </tr> <tr> - <th scope="row">{{anch("MPEG", "MPEG / MPEG-2")}}</th> + <th scope="row"><a href="#mpegmpeg-2">MPEG / MPEG-2</a></th> <td>Moving Picture Experts Group (1 and 2)</td> <td>—</td> </tr> <tr> - <th scope="row">{{anch("MP4", "MPEG-4 (MP4)")}}</th> + <th scope="row"><a href="#mpeg-4_mp4">MPEG-4 (MP4)</a></th> <td>Moving Picture Experts Group 4</td> <td>Chrome 3, Edge 12, Firefox, Internet Explorer 9, Opera 24, Safari 3.1</td> </tr> |