docs(cn): translate reference/react-dom/components/meta into Chinese (#…

…1439)
reactjs · Feb 6, 2024 · 7c81906 · 7c81906
1 parent 8f44598
commit 7c81906
Showing 1 changed file with 23 additions and 23 deletions.
diff --git a/src/content/reference/react-dom/components/meta.md b/src/content/reference/react-dom/components/meta.md
@@ -5,14 +5,14 @@ canary: true
 
 <Canary>
 
-React's extensions to `<meta>` are currently only available in React's canary and experimental channels. In stable releases of React `<meta>` works only as a [built-in browser HTML component](https://react.dev/reference/react-dom/components#all-html-components). Learn more about [React's release channels here](/community/versioning-policy#all-release-channels).
+React 对 `<meta>` 的扩展当前仅在 React Canary 与 experimental 渠道中可用。在 React 的稳定版本中，`<meta>` 仅作为 [浏览器内置 HTML 组件](https://react.dev/reference/react-dom/components#all-html-components) 使用。请在 [此处了解更多关于 React 发布渠道的信息](/community/versioning-policy#all-release-channels)。
 
 </Canary>
 
 
 <Intro>
 
-The [built-in browser `<meta>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta) lets you add metadata to the document.
+[浏览器内置的 `<meta>` 组件](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta) 允许向文档添加元数据。
 
 ```js
 <meta name="keywords" content="React, JavaScript, semantic markup, html" />
@@ -24,51 +24,51 @@ The [built-in browser `<meta>` component](https://developer.mozilla.org/en-US/do
 
 ---
 
-## Reference {/*reference*/}
+## 参考 {/*reference*/}
 
 ### `<meta>` {/*meta*/}
 
-To add document metadata, render the [built-in browser `<meta>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta). You can render `<meta>` from any component and React will always place the corresponding DOM element in the document head.
+渲染 [浏览器内置的 `<meta>` 组件](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta) 以向文档添加元数据。可以在任何组件渲染 `<meta>`，React 将始终将相应的 DOM 元素放置在文档头部。
 
 ```js
 <meta name="keywords" content="React, JavaScript, semantic markup, html" />
 ```
 
-[See more examples below.](#usage)
+[参见下方更多示例](#usage)。
 
-#### Props {/*props*/}
+#### 属性 {/*props*/}
 
-`<meta>` supports all [common element props.](/reference/react-dom/components/common#props)
+`<meta>` 支持所有 [常见元素属性](/reference/react-dom/components/common#props)。
 
-It should have *exactly one* of the following props: `name`, `httpEquiv`, `charset`, `itemProp`. The `<meta>` component does something different depending on which of these props is specified.
+它应该有恰好一个以下属性之一：`name`、`httpEquiv`、`charset` 或 `itemProp`。根据指定的属性，`<meta>` 组件会执行不同的操作。
 
-* `name`: a string. Specifies the [kind of metadata](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name) to be attached to the document. 
-* `charset`: a string. Specifies the character set used by the document. The only valid value is `"utf-8"`.
-* `httpEquiv`: a string. Specifies a directive for processing the document.
-* `itemProp`: a string. Specifies metadata about a particular item within the document rather than the document as a whole.
-* `content`: a string. Specifies the metadata to be attached when used with the `name` or `itemProp` props or the behavior of the directive when used with the `httpEquiv` prop.
+* `name`：字符串，指定要附加到文档的 [元数据的类型](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name)。
+* `charset`：字符串，指定文档使用的字符集，唯一有效的值是 `"utf-8"`。
+* `httpEquiv`：字符串，指定用于处理文档的指令。
+* `itemProp`：字符串，指定文档内特定项目的元数据，而不是整个文档。
+* `content`：字符串，当与 `name` 或 `itemProp` 属性一起使用时，指定要附加的元数据；或者当与 `httpEquiv` 属性一起使用时，指定指令的行为。
 
-#### Special rendering behavior {/*special-rendering-behavior*/}
+#### 特殊的渲染行为 {/*special-rendering-behavior*/}
 
-React will always place the DOM element corresponding to the `<meta>` component within the document’s `<head>`, regardless of where in the React tree it is rendered. The `<head>` is the only valid place for `<meta>` to exist within the DOM, yet it’s convenient and keeps things composable if a component representing a specific page can render `<meta>` components itself. 
+无论 `<meta>` 组件在 React 树中的哪个位置被渲染，React 都会始终将其对应的 DOM 元素放在文档的 `<head>` 中。`<head>` 是 `<meta>` 存在于 DOM 中的唯一有效位置，但如果表示特定页面的组件可以自行渲染 `<meta>` 组件，则这种做法既方便又保持了可组合性。
 
-There is one exception to this: if `<meta>` has an [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop) prop, there is no special behavior, because in this case it doesn’t represent metadata about the document but rather metadata about a specific part of the page. 
+但是，有一个例外情况：如果 `<meta>` 具有 [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop) 属性，则没有特殊行为，因为在这种情况下，它不表示文档的元数据，而是表示页面的特定部分的元数据。
 
 ---
 
-## Usage {/*usage*/}
+## 用法 {/*usage*/}
 
-### Annotating the document with metadata {/*annotating-the-document-with-metadata*/}
+### 使用元数据向文档添加注释 {/*annotating-the-document-with-metadata*/}
 
-You can annotate the document with metadata such as keywords, a summary, or the author’s name. React will place this metadata within the document `<head>` regardless of where in the React tree it is rendered. 
+可以使用元数据为文档添加关键字、摘要或作者姓名等注释。无论在 React 树中的哪个位置被渲染，React 都会将这些元数据放置在文档的 `<head>` 中。
 
 ```html
 <meta name="author" content="John Smith" />
 <meta name="keywords" content="React, JavaScript, semantic markup, html" />
 <meta name="description" content="API reference for the <meta> component in React DOM" />
 ```
 
-You can render the `<meta>` component from any component. React will put a `<meta>` DOM node in the document `<head>`.
+可以在任何组件中渲染 `<meta>` 组件。React 将在文档的 `<head>` 中放置一个 `<meta>` DOM 节点。
 
 <SandpackWithHTMLOutput>
 
@@ -89,13 +89,13 @@ export default function SiteMapPage() {
 
 </SandpackWithHTMLOutput>
 
-### Annotating specific items within the document with metadata {/*annotating-specific-items-within-the-document-with-metadata*/}
+### 使用元数据为文档中的特定项添加注释 {/*annotating-specific-items-within-the-document-with-links*/}
 
-You can use the `<meta>` component with the `itemProp` prop to annotate specific items within the document with metadata. In this case, React will *not* place these annotations within the document `<head>` but will place them like any other React component. 
+可以使用带有 `itemProp` 属性的 `<meta>` 组件来为文档中的特定项添加元数据注释。在这种情况下，React 不会将这些注释放置在文档 `<head>` 中，而是像任何其他 React 组件一样放置它们。
 
 ```js
 <section itemScope>
-  <h3>Annotating specific items</h3>
+  <h3>为特定项添加注释</h3>
   <meta itemProp="description" content="API reference for using <meta> with itemProp" />
   <p>...</p>
 </section>