Merge branch 'main' into chore/remove-orphaned-files

.github/workflows/markdown-lint-fix.yml

@@ -60,6 +60,7 @@ jobs:
       - name: Lint Markdown files
         run: |
           yarn markdownlint-cli2 --fix "**/${{ matrix.lang }}/**/*.md"
+          node ./scripts/check-url-locale.js --fix "files/${{ matrix.lang }}"
           yarn prettier -w "**/${{ matrix.lang }}/**/*.md"
           cd ${{ github.workspace }}/mdn/content && yarn fix:fm --config-file ${{ github.workspace }}/front-matter-config.json "${{ github.workspace }}/files/${{ matrix.lang }}"
 

.github/workflows/pr-check-lint_content.yml

@@ -114,6 +114,9 @@ jobs:
           echo "${EOF}" >> $GITHUB_ENV
           echo "FM_LINT_FAILED=${FM_LINT_FAILED}" >> $GITHUB_ENV
 
+          echo "Running url locale checker"
+          node ./scripts/check-url-locale.js --fix ${files_to_lint}
+
           echo "Running Prettier"
           yarn prettier -w ${files_to_lint}
 

.lintstagedrc.json

@@ -1,4 +1,8 @@
 {
   "!*.md": "prettier --ignore-unknown --write",
-  "*.md": ["markdownlint-cli2 --fix", "prettier --write"]
+  "*.md": [
+    "markdownlint-cli2 --fix",
+    "node ./scripts/check-url-locale.js --fix",
+    "prettier --write"
+  ]
 }

docs/zh-cn/translation-guide.md

@@ -12,27 +12,29 @@
 
 ```yaml
 ---
-title: Fetch API
-slug: Web/API/Fetch_API
-page-type: web-api-overview
-browser-compat: api.fetch
+title: atob() global function
+short-title: atob()
+slug: Web/API/atob
+page-type: web-api-global-function
+browser-compat: api.atob
 ---
 ```
 
 其中：
 
 - `title` 为文档的大标题
+- `short-title` 为显示在侧边栏和面包屑中的短标题
 - `slug` 为与网页 URL 相关的元数据（URL path 部分的规则为：`/<locale>/docs/<slug>`）
 - `page-type` 为页面的类型，将被用于站点管理和自动化数据处理
-- `browser-compat` 为[**浏览器兼容性表**][]对应的宏所使用的元数据。
+- `browser-compat` 为[**浏览器兼容性表**][]对应的宏所使用的元数据
 
-在简体中文文档翻译中，请适当翻译 `title` 元数据，以方便他人根据标题检索内容，`slug` 元数据则应与翻译对应的英文文档保持不变。对于 `page-type`、`browser-compat` 以及部分文档中使用的 `spec-urls` 元数据，它们被用于站点管理和自动化数据处理，而 yari 平台会自动将这些元数据由英文文档合并到本地化文档中。若没有特殊的需要，请将这些元数据从简体中文文档中移除。
+在简体中文文档翻译中，请适当翻译 `title` 元数据，以方便他人根据标题检索内容，`slug` 元数据则应与翻译对应的英文文档保持不变。对于 `page-type`、`browser-compat` 以及部分文档中使用的 `spec-urls` 元数据，它们被用于站点管理和自动化数据处理，而 yari 平台会自动将这些元数据由英文文档合并到本地化文档中。若没有特殊的需要，请将这些元数据从简体中文文档中移除。对于 `short-title`，如果简体中文文档采用的短标题与英文文档相同，则无需添加（仅在使用与英文文档*不同*的短标题时添加该元数据）。
 
 最终在简体中文文档中呈现的元数据如下所示：
 
 ```yaml
-title: Fetch API
-slug: Web/API/Fetch_API
+title: atob() 全局函数
+slug: Web/API/atob
 ```
 
 ## 翻译标题和 ID

files/es/web/css/hyphens/index.md

@@ -57,14 +57,18 @@ Este ejemplo usa tres clases, una por cada posible configuración de la propieda
 
 ```html
 <ul>
-  <li><code>none</code>: sin separación; se desbordará si es preciso
+  <li>
+    <code>none</code>: sin separación; se desbordará si es preciso
     <p lang="es" class="none">Una extrema&shy;damente larga palabra</p>
   </li>
-  <li><code>manual</code>: separación sólo en &amp;hyphen; o &amp;shy; (si fuera necesario)
+  <li>
+    <code>manual</code>: separación sólo en &amp;hyphen; o &amp;shy; (si fuera
+    necesario)
     <p lang="es" class="manual">Una extrema&shy;damente larga palabra</p>
   </li>
-  <li><code>auto</code>: separará donde decida el algoritmo (si fuera necesario)
-    <p lang="enes class="auto">Una extrema&shy;damente larga palabra</p>
+  <li>
+    <code>auto</code>: separará donde decida el algoritmo (si fuera necesario)
+    <p lang="es" class="auto">Una extrema&shy;damente larga palabra</p>
   </li>
 </ul>
 ```

files/es/webassembly/reference/numeric/and/index.md

@@ -0,0 +1,29 @@
+---
+title: AND
+slug: WebAssembly/Reference/Numeric/AND
+---
+
+{{WebAssemblySidebar}}
+
+Las instrucciones **`and`** son usadas para realizar operaciones bit a bit de tipo AND, similares al operador **`&`** en otros lenguajes.
+
+{{EmbedInteractiveExample("pages/wat/and.html", "tabbed-taller")}}
+
+## Sintáxis
+
+```wasm
+;; Cargar dos números en la tabla
+i32.const 5   ;; 00000101
+i32.const 3   ;; 00000011
+
+;; ejecutar AND bit a bit
+i32.and
+
+;; El nuevo elemento será 1
+(00000001)
+```
+
+| Instrucción | Código binario de operación |
+| ----------- | --------------------------- |
+| `i32.and`   | `0x71`                      |
+| `i64.and`   | `0x83`                      |

files/fr/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md

@@ -35,7 +35,7 @@ Voyons maintenant les sélecteurs de **pseudo-classes** et de **pseudo-élément
   </tbody>
 </table>
 
-## Qu'est ce qu'une pseudo-classe ?
+## Qu'est-ce qu'une pseudo-classe ?
 
 Une pseudo-classe est un sélecteur ciblant des éléments dans un état spécifique, par ex. le premier élément d'un type, ou un élément survolé par le pointeur de la souris. Leur comportement correspond à celui d'une classe, mais qui ne s'appliquerait que partiellement. On gagne ainsi en flexibilité, en éliminant du code inutile. Le résultat est plus facile à maintenir.
 
@@ -70,7 +70,7 @@ Certaines pseudo-classes ne s'appliquent que lorsque l'utilisateur interagit ave
 
 {{EmbedGHLiveSample("css-examples/learn/selectors/hover.html", '100%', 500)}}
 
-## Qu'est ce qu'un pseudo-élément ?
+## Qu'est-ce qu'un pseudo-élément ?
 
 Les pseudo-éléments se comportent de manière similaire, même s'ils se comportent comme si vous aviez ajouté un tout nouvel élément HTML dans le balisage, au lieu d'appliquer une classe à des éléments existants. Les pseudo-éléments commencent avec un double deux-points `::`.
 
@@ -127,7 +127,7 @@ L'utilisation des pseudo-éléments `::before` et `::after` avec la propriété
 
 Dans cet article, nous avons présenté les pseudo-classes et les pseudo-éléments CSS, qui sont des types particuliers de sélecteurs.
 
-Les pseudo-classes vous permettent de cibler un élément lorsqu'il se trouve dans un état particulier, comme si vous aviez ajouté une classe pour cet état au DOM. Les pseudo-éléments agissent comme si vous aviez ajouté un nouvel élément au DOM, et vous permettent de le styliser. Les pseudo-éléments `::before` et `::after` vous permettent d'insérer du contenu dans le document à l'aide de CSS.
+Les pseudo-classes vous permettent de cibler un élément lorsqu'il se trouve dans un état particulier, comme si vous aviez ajouté une classe pour cet état au DOM. Les pseudo-éléments agissent comme si vous aviez ajouté un nouvel élément au DOM, et vous permettent de le styliser. Les pseudo-éléments `::before` et `::after` vous permettent d'insérer du contenu dans le document en utilisant le CSS.
 
 Dans le prochain article, nous aborderons [les combinateurs](/fr/docs/Learn/CSS/Building_blocks/Selectors/Combinators).
 

files/fr/learn/css/building_blocks/values_and_units/index.md

@@ -179,7 +179,7 @@ Dans la plupart des exemples de cette section d'apprentissage ou à d'autres end
 
 ### Valeurs RGB hexadécimales
 
-Les autres valeurs de couleur que vous rencontrerez assez souvent sont celles représentées avec des codes hexadécimaux. Chaque valeur hexadécimale se compose d'un croisillon (#) suivi de six chiffres hexadécimaux dont chacun peut prendre une valeur parmi 16 : de 0 à f (la lettre utilisée pour représentée 15) (les chiffres hexadécimaux sont : `0123456789abcdef`). Dans ces six chiffres, chaque paire de chiffre représente la valeur pour l'un des canaux de couleurs (rouge, vert et bleu) et permet d'indiquer l'une des 256 valeurs disponibles.
+Les autres valeurs de couleur que vous rencontrerez assez souvent sont celles représentées avec des codes hexadécimaux. Chaque valeur hexadécimale se compose d'un croisillon (#) suivi de six chiffres hexadécimaux dont chacun peut prendre une valeur parmi 16 : de 0 à f (la lettre utilisée pour représenter 15) (les chiffres hexadécimaux sont : `0123456789abcdef`). Dans ces six chiffres, chaque paire de chiffre représente la valeur pour l'un des canaux de couleurs (rouge, vert et bleu) et permet d'indiquer l'une des 256 valeurs disponibles.
 
 Ces valeurs sont un peu plus complexes et moins faciles à comprendre, mais elles permettent d'exprimer beaucoup plus de couleurs que les mots-clés. Vous pouvez utiliser les valeurs hexadécimales pour représenter n'importe quelle couleur dans votre palette.
 
@@ -255,7 +255,7 @@ Dans les différents exemples qui précèdent, on a vu des endroits où les mots
 
 {{EmbedGHLiveSample("css-examples/learn/values-units/strings-idents.html", '100%', 550)}}
 
-## Functions
+## Fonctions
 
 Les dernières valeurs que nous verrons ici sont les fonctions. En programmation, une fonction est une section de code réutilisable qui peut être exécutée plusieurs fois afin de réaliser une tâche de façon répétitive avec le minimum effort de la part du développeur ou de l'ordinateur. Les fonctions sont généralement associées à des langages comme JavaScript, Python ou C++ mais elles existent en CSS également pour être utilisées comme valeurs de propriétés. En fait, nous avons déjà vu des fonctions dans la section à propos des couleurs : `rgb()`, `hsl()`, etc. La valeur utilisée pour récupérer une image à partir d'un fichier, `url()` est également une fonction.