From 06b4b3d61d3409b1c92b03a7783d290a0404024b Mon Sep 17 00:00:00 2001 From: Soichiro Miki Date: Fri, 12 Apr 2024 02:11:08 +0900 Subject: [PATCH] Translate "" --- .../reference/react-dom/components/meta.md | 44 +++++++++---------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/src/content/reference/react-dom/components/meta.md b/src/content/reference/react-dom/components/meta.md index 801ca2af1..daf19ba68 100644 --- a/src/content/reference/react-dom/components/meta.md +++ b/src/content/reference/react-dom/components/meta.md @@ -5,14 +5,14 @@ canary: true -React's extensions to `` are currently only available in React's canary and experimental channels. In stable releases of React `` 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 による `` の機能拡張は、現在 React の Canary および experimental チャンネルでのみ利用可能です。React の安定版リリースでは、`` は単なる[組み込みのブラウザ HTML コンポーネント](https://react.dev/reference/react-dom/components#all-html-components)として機能します。[React のリリースチャンネルについてはこちらをご覧ください](/community/versioning-policy#all-release-channels)。 -The [built-in browser `` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta) lets you add metadata to the document. +[ブラウザ組み込みの `` コンポーネント](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta)を利用することで、ドキュメントにメタデータを追加できます。 ```js @@ -24,43 +24,43 @@ The [built-in browser `` component](https://developer.mozilla.org/en-US/do --- -## Reference {/*reference*/} +## リファレンス {/*reference*/} ### `` {/*meta*/} -To add document metadata, render the [built-in browser `` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta). You can render `` from any component and React will always place the corresponding DOM element in the document head. +ドキュメントにメタデータを追加するためには、[ブラウザ組み込みの `` コンポーネント](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta)をレンダーします。任意のコンポーネントから `` をレンダーでき、React は対応する DOM 要素を常にドキュメントの head 内に配置します。 ```js ``` -[See more examples below.](#usage) +[さらに例を見る](#usage) -#### Props {/*props*/} +#### props {/*props*/} -`` supports all [common element props.](/reference/react-dom/components/common#props) +`` は、[一般的な要素の props](/reference/react-dom/components/common#props) をすべてサポートしています。 -It should have *exactly one* of the following props: `name`, `httpEquiv`, `charset`, `itemProp`. The `` component does something different depending on which of these props is specified. +`name`、`httpEquiv`、`charset`、`itemProp` のうち、props として*どれかひとつだけ*を指定しなければなりません。これらの props のうちどれが指定されているかによって、`` コンポーネントの動作は異なります。 -* `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 `` component within the document’s ``, regardless of where in the React tree it is rendered. The `` is the only valid place for `` to exist within the DOM, yet it’s convenient and keeps things composable if a component representing a specific page can render `` components itself. +`` コンポーネントが React ツリー内のどこでレンダーされていても、React は対応する DOM 要素を常にドキュメントの `` 内に配置します。`` は DOM 内で `` が存在できる唯一の有効な場所ですが、ある特定のページを表すコンポーネントが自分自身で `` コンポーネントをレンダーできれば有用であり、コンポーネントの組み合わせやすさが保たれます。 -There is one exception to this: if `` 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. +ただし、例外がひとつあります。`` に props として [`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 `` regardless of where in the React tree it is rendered. +キーワード、概要文、著者名といったメタデータを用いて、ドキュメントにアノテーション（ラベル付け）が行えます。React ツリー内のどこでレンダーされている場合でも、React はこのメタデータをドキュメントの `` 内に配置します。 ```html @@ -68,7 +68,7 @@ You can annotate the document with metadata such as keywords, a summary, or the ``` -You can render the `` component from any component. React will put a `` DOM node in the document ``. +任意のコンポーネントから `` コンポーネントをレンダーできます。React は `` DOM ノードをドキュメントの `` に配置します。 @@ -89,9 +89,9 @@ export default function SiteMapPage() { -### Annotating specific items within the document with metadata {/*annotating-specific-items-within-the-document-with-metadata*/} +### メタデータでドキュメント内の特定の項目にアノテーションを行う {/*annotating-specific-items-within-the-document-with-metadata*/} -You can use the `` 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 `` but will place them like any other React component. +`` コンポーネントの props として `itemProp` を使用することで、ドキュメント内の特定の項目に、メタデータをアノテーションできます。この場合、React はこれらのアノテーションをドキュメントの `` 内に配置するのではなく、他の React コンポーネントと同様に配置します。 ```js