From 8af4d5e8a260f3474b4273d573532ec6fec08ab4 Mon Sep 17 00:00:00 2001 From: t7yang Date: Sat, 17 Jul 2021 15:47:55 +0800 Subject: replace wiki links in zh-TW --- .../getting_started_with_the_web/css_basics/index.html | 2 +- .../javascript_basics/index.html | 2 +- files/zh-tw/learn/html/index.html | 6 +++--- files/zh-tw/learn/html/introduction_to_html/index.html | 2 +- .../multimedia_and_embedding/images_in_html/index.html | 2 +- files/zh-tw/learn/html/multimedia_and_embedding/index.html | 6 +++--- files/zh-tw/learn/html/tables/basics/index.html | 10 +++++----- files/zh-tw/learn/server-side/django/home_page/index.html | 2 +- .../react_todo_list_beginning/index.html | 14 +++++++------- 9 files changed, 23 insertions(+), 23 deletions(-) (limited to 'files/zh-tw/learn') diff --git a/files/zh-tw/learn/getting_started_with_the_web/css_basics/index.html b/files/zh-tw/learn/getting_started_with_the_web/css_basics/index.html index 25890fc92b..567d44eef3 100644 --- a/files/zh-tw/learn/getting_started_with_the_web/css_basics/index.html +++ b/files/zh-tw/learn/getting_started_with_the_web/css_basics/index.html @@ -131,7 +131,7 @@ translation_of: Learn/Getting_started_with_the_web/CSS_basics

現在我們已經瀏覽過一些CCS的基礎,接下來我們開始增加更多的規則和資訊到我們的style.css檔案,讓我們範例中的字型和文字看起來更好.

    -
  1. 第一步, 我們回到 output from Google Fonts 找到你存的字體。 加上 <link ... > 這個元素在你的 index.html文件裡的head中(在 <head> 跟 </head> 任何位置中)。
    +
  2. 第一步, 我們回到 output from Google Fonts 找到你存的字體。 加上 <link ... > 這個元素在你的 index.html文件裡的head中(在 <head> 跟 </head> 任何位置中)。
    這一段code將頁面連結到樣式表,將Open Sans字體系列與網頁一起下載,並讓你在HTML元素上使用自己的樣式表進行設置。 它看起來會像:
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  3. diff --git a/files/zh-tw/learn/getting_started_with_the_web/javascript_basics/index.html b/files/zh-tw/learn/getting_started_with_the_web/javascript_basics/index.html index e4c01763c9..6b814226a4 100644 --- a/files/zh-tw/learn/getting_started_with_the_web/javascript_basics/index.html +++ b/files/zh-tw/learn/getting_started_with_the_web/javascript_basics/index.html @@ -418,7 +418,7 @@ var myHeading = document.querySelector('h1');

    See also

    -
    JavaScript — Dynamic client-side scripting
    +
    JavaScript — Dynamic client-side scripting
    Our JavaScript learning topic — dive into JavaScript in much more detail.
    Learn JavaScript
    An excellent resource for aspiring web developers — Learn JavaScript in an interactive environment, with short lessons and interactive tests, guided by automated assessment. The first 40 lessons are free, and the complete course is available for a small one-time payment.
    diff --git a/files/zh-tw/learn/html/index.html b/files/zh-tw/learn/html/index.html index 897bbcdd5e..253eda894e 100644 --- a/files/zh-tw/learn/html/index.html +++ b/files/zh-tw/learn/html/index.html @@ -41,8 +41,8 @@ translation_of: Learn/HTML
    這個單元為你提供一個平台,讓你熟悉重要的概念和語法、思考如何將HTML應用於文本、如何創建超鏈接以及使用HTML來構建網頁。
    嵌入多媒體
    本單元探索如何在你的網頁中使用HTML置入多媒體,包括置入圖像的各種方法,以及如何嵌入影片,聲音檔或甚至其他網頁。
    -
    表格
    -
    以一種易於理解、無障礙的方式在網頁上顯示表格數據可能是一個挑戰。此單元涵蓋基本的表格標記以及更複雜的功能,例如實行標題和摘要。
    +
    表格
    +
    以一種易於理解、無障礙的方式在網頁上顯示表格數據可能是一個挑戰。此單元涵蓋基本的表格標記以及更複雜的功能,例如實行標題和摘要。

    解決常見的 HTML 問題

    @@ -53,7 +53,7 @@ translation_of: Learn/HTML
    -
    網站表單
    +
    網站表單
    這篇指南提供了一系列的文章,幫你掌握HTML表單的基本知識。對於與使用者互動,網站表單是一項十分有力的工具,最常使用於用戶數據蒐集,或控制使用者介面。但由於一些歷史與技術上的因素,並沒有顯著的方法發揮表單的潛力。在下面的指引中,我們將介紹網站表單所有基本面向,包括標記他們的HTML結構、設定控制器樣式、驗證數據及將數距提送至伺服器。
    HTML
    MDN的HTML參考文件的主要入口,包括詳細的元素和屬性參考-例如,如果您想知道元素具有哪些屬性或屬性具有什麼值,那麼這是一個很好的起點。
    diff --git a/files/zh-tw/learn/html/introduction_to_html/index.html b/files/zh-tw/learn/html/introduction_to_html/index.html index 47c9f80769..702ead4bff 100644 --- a/files/zh-tw/learn/html/introduction_to_html/index.html +++ b/files/zh-tw/learn/html/introduction_to_html/index.html @@ -25,7 +25,7 @@ translation_of: Learn/HTML/Introduction_to_HTML
    在 head 中有什麼? HTML 中的後設資料(Metadata)
    HTML 文件的 head 是在網頁加載完畢之後,不會顯示在瀏覽器上的部分。其中包含一些資訊,如頁面的標題({{htmlelement("title")}})、{{glossary("CSS")}} 的連結 (當你想利用 CSS 來妝點你的頁面 HTML 時,你會用到它們)、網頁圖示(favicon)的連結,以及 metadata (裡頭承載了有關於該 HTML 的資料,如作者、描述該文件的關鍵詞等。)
    HTML 文字的基礎知識
    -
    一個 HTML 的主要作用是賦予純文字意義(又稱為語義化),好讓瀏覽器知道如何正確地顯示它。這篇文章將探討如何使用 HTML 來將文字區塊拆解為標題(heading)和段落(paragraph)、強調字詞、建立列表等等。
    +
    一個 HTML 的主要作用是賦予純文字意義(又稱為語義化),好讓瀏覽器知道如何正確地顯示它。這篇文章將探討如何使用 HTML 來將文字區塊拆解為標題(heading)和段落(paragraph)、強調字詞、建立列表等等。
    建立超連結
    超連結真的非常重要 — 它造就了我們現今所知的網路。這篇文章介紹超連結的使用語法,並且探討建立連結的最佳實踐方法。
    進階文字格式
    diff --git a/files/zh-tw/learn/html/multimedia_and_embedding/images_in_html/index.html b/files/zh-tw/learn/html/multimedia_and_embedding/images_in_html/index.html index 90df15a4bc..e079fd84f8 100644 --- a/files/zh-tw/learn/html/multimedia_and_embedding/images_in_html/index.html +++ b/files/zh-tw/learn/html/multimedia_and_embedding/images_in_html/index.html @@ -483,7 +483,7 @@ textarea.onkeyup = function(){

    試試看!

    -

    您已經來到了本文的末端,但是您還記得最重要的內容嗎? 在繼續往下之前,這裡有些測驗讓您驗證看看您是否都學會了 — 測驗:HTML圖像

    +

    您已經來到了本文的末端,但是您還記得最重要的內容嗎? 在繼續往下之前,這裡有些測驗讓您驗證看看您是否都學會了 — 測驗:HTML圖像

    總結

    diff --git a/files/zh-tw/learn/html/multimedia_and_embedding/index.html b/files/zh-tw/learn/html/multimedia_and_embedding/index.html index 05d98a462b..79196118de 100644 --- a/files/zh-tw/learn/html/multimedia_and_embedding/index.html +++ b/files/zh-tw/learn/html/multimedia_and_embedding/index.html @@ -24,11 +24,11 @@ translation_of: Learn/HTML/Multimedia_and_embedding
    可以考慮到的多媒體種類很多,但是從用以將簡單圖像嵌入網頁中不起眼的{{htmlelement(" img")}}元素開始是很合乎邏輯的。在本文中,我們將研究如何更深入地使用它,包括基礎知識,使用{{htmlelement("figure")}}加上標題的註釋以及它與CSS背景圖像的關係。
    視訊與音訊內容
    接著,我們將研究如何使用HTML5 {{htmlelement("video")}}和{{htmlelement("audio")}} 元素在頁面上嵌入視訊和音訊,包括基本知識,以提供對不同頁面的訪問文件格式添加到不同的瀏覽器,添加標題和字幕,以及如何為舊版瀏覽器添加後備廣告。
    -
    從物件到 iframe — 其他嵌入技巧
    +
    從物件到 iframe — 其他嵌入技巧
    在這裡,我們想橫跨一步,著眼於幾個元素,這些元素可以使您將各種內容類型嵌入到網頁中:{{htmlelement("iframe")}},{{htmlelement("embed")}}和 {{htmlelement("object")}}元素。 <iframe>用於嵌入其他網頁,另外兩個允許您嵌入PDF,SVG甚至Flash(一種即將消逝的技術,但您可能仍會定期看到它)。
    -
    為 Web 新增向量圖
    +
    為 Web 新增向量圖
    向量圖形在某些情況下可能非常有用。 與PNG / JPG等常見格式不同,它們在放大時不會失真/像素化-在縮放時可以保持平滑。 本文向您介紹什麼是向量圖,以及如何在網頁中加入流行的{{glossary("SVG")}}格式。
    -
    適應性圖片
    +
    適應性圖片
    在本文中,我們將學習適應性圖片 (又稱響應式圖片)的概念。適應性圖片在不同螢幕尺寸,解析度和其他類似功能差異很大的設備上都能很好地運作。我們還會研究HTML提供了哪些工具來幫助實現它們。 這有助於提高不同設備之間的性能。 響應式圖片只是響應式設計的一部分,在將來您學習CSS的單元中還會有響應式圖片的單元。
    diff --git a/files/zh-tw/learn/html/tables/basics/index.html b/files/zh-tw/learn/html/tables/basics/index.html index 73b80e5d14..c95dbdbdf1 100644 --- a/files/zh-tw/learn/html/tables/basics/index.html +++ b/files/zh-tw/learn/html/tables/basics/index.html @@ -15,7 +15,7 @@ original_slug: Learn/HTML/Tables/基礎 先備知識: -

    HTML的基礎(見介紹HTML)

    +

    HTML的基礎(見介紹HTML)

    @@ -184,20 +184,20 @@ original_slug: Learn/HTML/Tables/基礎

    你也可以在 GitHub 上看看實際範例 ! 而你也許會注意到那裡的表格似乎更容易閱讀。那是因為這裡的表格只有加上很少樣式,而GitHub上的版本卻應用上了更多明顯的CSS 。

    -

    需要弄清楚的一點是 : 要讓表格在網頁上有效呈現需要提供紮實的HTML架構和CSS樣式資訊,但將在這個模組中聚焦在HTML的部分。若想瞭解CSS的部分,可以在完成這部分閱讀之後造訪表格樣式設計的文章。

    +

    需要弄清楚的一點是 : 要讓表格在網頁上有效呈現需要提供紮實的HTML架構和CSS樣式資訊,但將在這個模組中聚焦在HTML的部分。若想瞭解CSS的部分,可以在完成這部分閱讀之後造訪表格樣式設計的文章。

    在這個單元裡我們將不會聚焦在CSS上,但是我們提供基本的CSS樣式表讓你做使用,這將會使你製作的表格比起毫無修飾的預設樣式更方便閱讀。你能在這找到樣式表,並且你也能找到一個適用於樣式表的HTML模版 — 他們能一起讓你有個好起點來實驗HTML表格。

    當何時你不應該使用HTML表格?

    HTML表格應該被使用在結構化資料(tabular data)上 — 這就是它們被設計的目的。
    - 不幸地是,許多人習慣使用HTML表格去排版他們的網頁,例如: 使用一列去當header,一列當做內容欄位,一列當作footer...等等,你能在我們的輔助學習單元裡的頁面輸出發現更多細節以及一個範例。它曾經被這麼使用是因為CSS過去在不同瀏覽器之間的支援程度十分可怕; 如今,已非常少在用表格做排版,但你仍然可能在網路的一些邊邊角角見到。

    + 不幸地是,許多人習慣使用HTML表格去排版他們的網頁,例如: 使用一列去當header,一列當做內容欄位,一列當作footer...等等,你能在我們的輔助學習單元裡的頁面輸出發現更多細節以及一個範例。它曾經被這麼使用是因為CSS過去在不同瀏覽器之間的支援程度十分可怕; 如今,已非常少在用表格做排版,但你仍然可能在網路的一些邊邊角角見到。

    -

    簡單來說,使用表格排版而非使用CSS排版技術是一件很糟的事情。
    +

    簡單來說,使用表格排版而非使用CSS排版技術是一件很糟的事情。
    下列是主要原因:

      -
    1. 表格排版會減少對視障使用者的輔助 : 視障者使用的螢幕閱讀器會翻譯存在於HTML網頁的標籤並對使用者念出內容。由於表格並不是正確的排版工具,並且標示方式遠複雜於CSS排版技術,所以螢幕閱讀器輸出的內容會使他們的使用者感到困惑。
    2. +
    3. 表格排版會減少對視障使用者的輔助 : 視障者使用的螢幕閱讀器會翻譯存在於HTML網頁的標籤並對使用者念出內容。由於表格並不是正確的排版工具,並且標示方式遠複雜於CSS排版技術,所以螢幕閱讀器輸出的內容會使他們的使用者感到困惑。
    4. 表格會產生標籤雜燴(tag soup): 就像上面提到的,表格排版通常會比一般適當的輸出技術包含更複雜的標籤結構。這會導致程式碼本身更難撰寫、維護及debug。
    5. 表格不會自適應(automatically responsive): 當你使用合適的排版容器(像是{htmlelement("header")}, {{htmlelement("section")}}) 或是 {{htmlelement("div")}}),它們的寬度相對於父層預設為100%,而表格的預設大小是依據它們的內容物,所以當表格樣式要有效的在不同的裝置之間運行時,會需要做額外的測量調整。
    diff --git a/files/zh-tw/learn/server-side/django/home_page/index.html b/files/zh-tw/learn/server-side/django/home_page/index.html index a01d71608e..e110fecf3e 100644 --- a/files/zh-tw/learn/server-side/django/home_page/index.html +++ b/files/zh-tw/learn/server-side/django/home_page/index.html @@ -13,7 +13,7 @@ translation_of: Learn/Server-side/Django/Home_page 前提: - 讀 the Django Introduction. 完成上章節 (including Django Tutorial Part 4: Django admin site). + 讀 the Django Introduction. 完成上章節 (including Django Tutorial Part 4: Django admin site). 目的: diff --git a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.html b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.html index a76fb04f60..a704d1e30a 100644 --- a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.html +++ b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.html @@ -564,7 +564,7 @@ body {

    在本模塊