diff --git a/files/zh-tw/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md b/files/zh-tw/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md index 0f3e97815c9158..65cabfe1022722 100644 --- a/files/zh-tw/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md +++ b/files/zh-tw/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md @@ -80,7 +80,7 @@ if (y + dy > canvas.height || y + dy < 0) { ![](ball-in-wall.png) -這是因為我們計算的牆壁和球的中心的碰撞點，而我們應該做它的圓周。球應該反彈後，如果接觸牆，而不是當它已經在牆上的一半，所以讓我們調整我們的陳述有點包括。更新您添加到的最後一個代碼： +這是因為我們計算的牆壁和球的中心的碰撞點，而我們應該做它的圓周。球應該反彈後，如果接觸牆，而不是當它已經在牆上的一半，所以讓我們調整我們的陳述有點包括。更新你添加到的最後一個代碼： ```js if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) { diff --git a/files/zh-tw/glossary/block-level_content/index.md b/files/zh-tw/glossary/block-level_content/index.md index f482019e1c30b4..af6eba3ad8a4cd 100644 --- a/files/zh-tw/glossary/block-level_content/index.md +++ b/files/zh-tw/glossary/block-level_content/index.md @@ -5,7 +5,7 @@ slug: Glossary/Block-level_content {{GlossarySidebar}} -HTML（超文字標記語言, **Hypertext Markup Language**）元素通常為『區塊級』元素或是[『行內級』元素](/zh-TW/docs/HTML/Inline_elements)。一個區塊級元素會藉由建立『區塊』的動作，完全佔滿其父元素（容器）的空間。本文將為您說明其意涵. +HTML（超文字標記語言, **Hypertext Markup Language**）元素通常為『區塊級』元素或是[『行內級』元素](/zh-TW/docs/HTML/Inline_elements)。一個區塊級元素會藉由建立『區塊』的動作，完全佔滿其父元素（容器）的空間。本文將為你說明其意涵. 瀏覽器預設以在元素前後換行的方式，表現區塊級元素。視覺上會呈現為一排縱向堆疊的方塊。 diff --git a/files/zh-tw/glossary/seo/index.md b/files/zh-tw/glossary/seo/index.md index 489539be2ce143..2050bd63a99146 100644 --- a/files/zh-tw/glossary/seo/index.md +++ b/files/zh-tw/glossary/seo/index.md @@ -31,4 +31,4 @@ SEO 方法分為三大類： - [什麼是 SEO？由淺入深新手教學](https://seo.whoops.com.tw/what-is-seo/) - [SEO 新手初入門，3 分鐘了解什麼是 SEO 教學](https://techmoon.xyz/what-is-seo/) - [Google Webmaster Central](https://www.google.com/webmasters/) -- [您需要 SEO 嗎？ - Search Console 說明](https://support.google.com/webmasters/answer/35291?hl=zh-Hant) +- [你需要 SEO 嗎？ - Search Console 說明](https://support.google.com/webmasters/answer/35291?hl=zh-Hant) diff --git a/files/zh-tw/learn/accessibility/wai-aria_basics/index.md b/files/zh-tw/learn/accessibility/wai-aria_basics/index.md index d2721cb0a7ddb8..091e378eefa16f 100644 --- a/files/zh-tw/learn/accessibility/wai-aria_basics/index.md +++ b/files/zh-tw/learn/accessibility/wai-aria_basics/index.md @@ -229,7 +229,7 @@ var intervalID = window.setInterval(showQuote, 10000); > **備註：** 如果你嘗試從 `XMLHttpRequest` 執行 `file://` URL`，`大部分的瀏覽器會拋出安全異常，例如你直接上傳該檔案到瀏覽器(透過雙擊滑鼠鍵等)。為了這項可以執行，你需要將檔案上傳到一個網站伺服器如 [GitHub](/zh-TW/docs/Learn/Common_questions/Tools_and_setup/Using_GitHub_pages)，或本機網站伺服器如 [Python's SimpleHTTPServer](http://www.pythonforbeginners.com/modules-in-python/how-to-use-simplehttpserver/)。 -這裡有一項額外的考量—只有文字更新才讀出。如果我們也總是讀出標題，那將很好，以讓使用者記住讀出的內容。為做到這樣，我們可以添加 [`aria-atomic`](https://www.w3.org/TR/wai-aria-1.1/#aria-atomic) 屬性到這個部分，再次更新您的 `
` 標籤如下所示： +這裡有一項額外的考量—只有文字更新才讀出。如果我們也總是讀出標題，那將很好，以讓使用者記住讀出的內容。為做到這樣，我們可以添加 [`aria-atomic`](https://www.w3.org/TR/wai-aria-1.1/#aria-atomic) 屬性到這個部分，再次更新你的 `
` 標籤如下所示： ```html
diff --git a/files/zh-tw/learn/css/first_steps/getting_started/index.md b/files/zh-tw/learn/css/first_steps/getting_started/index.md index 1f3f47dd45bff9..9d4a4684a96df0 100644 --- a/files/zh-tw/learn/css/first_steps/getting_started/index.md +++ b/files/zh-tw/learn/css/first_steps/getting_started/index.md @@ -36,7 +36,7 @@ slug: Learn/CSS/First_steps/Getting_started ## 由某個 HTML 開始 -我們的起點是一個 HTML 文件。如果您想要在自己的電腦上操作，可以把下面的程式碼複製下來。在您電腦上的目錄中，用 `index.html` 為檔名儲存。 +我們的起點是一個 HTML 文件。如果你想要在自己的電腦上操作，可以把下面的程式碼複製下來。在你電腦上的目錄中，用 `index.html` 為檔名儲存。 ```html @@ -68,13 +68,13 @@ slug: Learn/CSS/First_steps/Getting_started ``` -> **備註：** 如果您用來閱讀這篇文章的環境沒辦法簡單地建立檔案，也別擔心。底下會提供線上程式編輯器讓你就在這個頁面中撰寫範例程式。 +> **備註：** 如果你用來閱讀這篇文章的環境沒辦法簡單地建立檔案，也別擔心。底下會提供線上程式編輯器讓你就在這個頁面中撰寫範例程式。 ## 為我們的文件加入 CSS -首先，第一個步驟是告訴 HTML 文件我們有些 CSS 規則要加入。你通常有三種不同的方式來將 CSS 套用到 HTML 文件上，然而，現在我們先將焦點放在其中最常見並且實用的方式：在您文件標頭的位置將 CSS 連結進去。 +首先，第一個步驟是告訴 HTML 文件我們有些 CSS 規則要加入。你通常有三種不同的方式來將 CSS 套用到 HTML 文件上，然而，現在我們先將焦點放在其中最常見並且實用的方式：在你文件標頭的位置將 CSS 連結進去。 -建立一個檔案，存在與您 HTML 文件同一個目錄之中，並命名為 `styles.css` 。副檔名 `.css` 會讓它被當作一個 CSS 檔案。 +建立一個檔案，存在與你 HTML 文件同一個目錄之中，並命名為 `styles.css` 。副檔名 `.css` 會讓它被當作一個 CSS 檔案。 為了連結 `styles.css` 到 `index.html` 中，在 HTML 文件的 {{htmlelement("head")}} 中，加入下面這行： @@ -82,7 +82,7 @@ slug: Learn/CSS/First_steps/Getting_started ``` -{{htmlelement("link")}} 元素使用 `rel` 屬性告訴瀏覽器我們有一個樣式表，接著 `href` 屬性指向到這個樣式表的位置。您可以在 `styles.css` 裡加入規則，來測試它是否能夠運作。使用程式碼編輯器，在您的 CSS 檔案中加入下面這段規則： +{{htmlelement("link")}} 元素使用 `rel` 屬性告訴瀏覽器我們有一個樣式表，接著 `href` 屬性指向到這個樣式表的位置。你可以在 `styles.css` 裡加入規則，來測試它是否能夠運作。使用程式碼編輯器，在你的 CSS 檔案中加入下面這段規則： ```css h1 { @@ -90,13 +90,13 @@ h1 { } ``` -將您的 HTML 與 CSS 檔案儲存後，重新整理瀏覽器裡的頁面。文件中最上頭的第一級標題現在應該會是紅色的。如果是，恭喜！您成功地套到了一些 CSS 設定到 HTML 中了。如果結果不是如此，仔細檢查您的每段文字並確認都輸入正確。 +將你的 HTML 與 CSS 檔案儲存後，重新整理瀏覽器裡的頁面。文件中最上頭的第一級標題現在應該會是紅色的。如果是，恭喜！你成功地套到了一些 CSS 設定到 HTML 中了。如果結果不是如此，仔細檢查你的每段文字並確認都輸入正確。 你可以在你電腦裡的 `styles.css` 上繼續，或是使用我們下的互動編輯器來繼續本教學指引。 互動編輯器的行為，就像是這個 CSS 已經連結到 HTML 中，就如同我們在前面剛剛完成的一樣。 ## 裝飾 HTML 元素 -藉由的將我們的標題設定為紅色，已經證明了我們可以指定並修飾 HTML 元素。我們透過一個*元素選擇器*來達成，它會指定名稱相符的 HTML 元素。想要指向所有段落元素的話，您會將選擇器設為 `p`。要把所有段落文字改成綠色，您會這麼作： +藉由的將我們的標題設定為紅色，已經證明了我們可以指定並修飾 HTML 元素。我們透過一個*元素選擇器*來達成，它會指定名稱相符的 HTML 元素。想要指向所有段落元素的話，你會將選擇器設為 `p`。要把所有段落文字改成綠色，你會這麼作： ```css p { @@ -104,7 +104,7 @@ p { } ``` -藉由逗號的分隔，您可以一次設定多個選擇器。如果我想要讓所有段落與清單項目都變綠色，我的規則會長得像： +藉由逗號的分隔，你可以一次設定多個選擇器。如果我想要讓所有段落與清單項目都變綠色，我的規則會長得像： ```css p, @@ -113,7 +113,7 @@ li { } ``` -在底下的互動式編輯器（編輯程式區塊）中，或是在您本地的 CSS 檔案嘗試編輯看看。 +在底下的互動式編輯器（編輯程式區塊）中，或是在你本地的 CSS 檔案嘗試編輯看看。 {{EmbedGHLiveSample("css-examples/learn/getting-started/started1.html", '100%', 900)}} @@ -121,7 +121,7 @@ li { 當我們看一個標記清楚的 HTML 文件，即便是像我們範例這樣的簡單。能夠看到瀏覽器藉由加上一些預設的樣式讓 HTML 變得可閱讀。標題字體較大且較粗，而清單的項目前添加上符號。會如此表現，是因為瀏覽器裡有包含預設樣式的內部樣式表，它預設會套用到所有的頁面。少了它們的話，所有的內容會全擠在一起，而我們得從頭一個一個設定樣式。所有現代的瀏覽器，預設以很相似的方式來呈現 HTML 內容。 -然而，您通常會想要一些不同於瀏覽器預設的選擇。可以通過選擇想改變的 HTML 元素，使用 CSS 規則來改變它的外觀來達成。拿我們的 `