From a972908b7da4ad0d483d000467ba377713af6eed Mon Sep 17 00:00:00 2001 From: "translate-react-bot[bot]" <251169733+translate-react-bot[bot]@users.noreply.github.com> Date: Wed, 4 Feb 2026 15:11:07 +0000 Subject: [PATCH 1/4] =?UTF-8?q?docs:=20translate=20`title.md`=20to=20?= =?UTF-8?q?=D0=A0=D1=83=D1=81=D1=81=D0=BA=D0=B8=D0=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../reference/react-dom/components/title.md | 55 +++++++++---------- 1 file changed, 27 insertions(+), 28 deletions(-) diff --git a/src/content/reference/react-dom/components/title.md b/src/content/reference/react-dom/components/title.md index 005939046e..c1c59c3667 100644 --- a/src/content/reference/react-dom/components/title.md +++ b/src/content/reference/react-dom/components/title.md @@ -4,10 +4,10 @@ title: "" <Intro> -The [built-in browser `<title>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) lets you specify the title of the document. +Встроенный в браузер компонент `<title>` позволяет задать заголовок документа. ```js -<title>My Blog +Мой блог ``` @@ -16,45 +16,45 @@ The [built-in browser `` component](https://developer.mozilla.org/en-US/d --- -## Reference {/*reference*/} +## Справочник {/*reference*/} ### `<title>` {/*title*/} -To specify the title of the document, render the [built-in browser `<title>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title). You can render `<title>` from any component and React will always place the corresponding DOM element in the document head. +Чтобы задать заголовок документа, отрендерите встроенный в браузер компонент `<title>`. Вы можете рендерить `<title>` из любого компонента, и React всегда будет помещать соответствующий DOM-элемент в `<head>` документа. ```js -<title>My Blog +Мой блог ``` -[See more examples below.](#usage) +[Смотрите больше примеров ниже.](#usage) -#### Props {/*props*/} +#### Пропсы {/*props*/} -`` supports all [common element props.](/reference/react-dom/components/common#props) +`<title>` поддерживает все [общие пропсы элементов.](/reference/react-dom/components/common#props) -* `children`: `<title>` accepts only text as a child. This text will become the title of the document. You can also pass your own components as long as they only render text. +* `children`: `<title>` принимает только текст в качестве дочернего элемента. Этот текст станет заголовком документа. Вы также можете передавать собственные компоненты, если они рендерят только текст. -#### Special rendering behavior {/*special-rendering-behavior*/} +#### Особое поведение при рендеринге {/*special-rendering-behavior*/} -React will always place the DOM element corresponding to the `<title>` component within the document’s `<head>`, regardless of where in the React tree it is rendered. The `<head>` is the only valid place for `<title>` to exist within the DOM, yet it’s convenient and keeps things composable if a component representing a specific page can render its `<title>` itself. +React всегда будет помещать DOM-элемент, соответствующий компоненту `<title>`, внутрь `<head>` документа, независимо от того, где в дереве React он был отрендерен. `<head>` — единственное допустимое место для `<title>` в DOM, но удобно и сохраняет композитность, если компонент, представляющий конкретную страницу, может сам рендерить свой `<title>`. -There are two exception to this: -* If `<title>` is within an `<svg>` component, then there is no special behavior, because in this context it doesn’t represent the document’s title but rather is an [accessibility annotation for that SVG graphic](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title). -* If the `<title>` 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 the document’s title but rather metadata about a specific part of the page. +Есть два исключения: +* Если `<title>` находится внутри компонента `<svg>`, то специального поведения нет, потому что в этом контексте он представляет собой не заголовок документа, а [аннотацию доступности для этой SVG-графики](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title). +* Если у `<title>` есть пропс [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop), то специального поведения нет, потому что в этом случае он представляет собой не заголовок документа, а метаданные о конкретной части страницы. <Pitfall> -Only render a single `<title>` at a time. If more than one component renders a `<title>` tag at the same time, React will place all of those titles in the document head. When this happens, the behavior of browsers and search engines is undefined. +Рендерите только один `<title>` за раз. Если несколько компонентов одновременно рендерят тег `<title>`, React поместит все эти заголовки в `<head>` документа. В этом случае поведение браузеров и поисковых систем не определено. </Pitfall> --- -## Usage {/*usage*/} +## Использование {/*usage*/} -### Set the document title {/*set-the-document-title*/} +### Установка заголовка документа {/*set-the-document-title*/} -Render the `<title>` component from any component with text as its children. React will put a `<title>` DOM node in the document `<head>`. +Отрендерите компонент `<title>` из любого компонента с текстом в качестве дочерних элементов. React поместит DOM-узел `<title>` в `<head>` документа. <SandpackWithHTMLOutput> @@ -64,9 +64,9 @@ import ShowRenderedHTML from './ShowRenderedHTML.js'; export default function ContactUsPage() { return ( <ShowRenderedHTML> - <title>My Site: Contact Us -

Contact Us

-

Email us at support@example.com

+ Мой сайт: Контакты +

Свяжитесь с нами

+

Напишите нам на support@example.com

); } @@ -74,17 +74,16 @@ export default function ContactUsPage() { -### Use variables in the title {/*use-variables-in-the-title*/} +### Использование переменных в заголовке {/*use-variables-in-the-title*/} -The children of the `` component must be a single string of text. (Or a single number or a single object with a `toString` method.) It might not be obvious, but using JSX curly braces like this: +Дочерние элементы компонента `<title>` должны быть одной строкой текста. (Или одним числом, или одним объектом с методом `toString`.) Это может быть неочевидно, но использование фигурных скобок JSX, таких как: ```js -<title>Results page {pageNumber} // 🔴 Problem: This is not a single string +Страница результатов {pageNumber} // 🔴 Проблема: Это не одна строка ``` -... actually causes the `` component to get a two-element array as its children (the string `"Results page"` and the value of `pageNumber`). This will cause an error. Instead, use string interpolation to pass `<title>` a single string: +... на самом деле приводит к тому, что компонент `<title>` получает массив из двух элементов в качестве дочерних (строку `"Страница результатов"` и значение `pageNumber`). Это вызовет ошибку. Вместо этого используйте интерполяцию строк, чтобы передать `<title>` одну строку: ```js -<title>{`Results page ${pageNumber}`} -``` - +{`Страница результатов ${pageNumber}`} +``` \ No newline at end of file From c76ed2d7df53485c59dea8291bd89c026fb21128 Mon Sep 17 00:00:00 2001 From: "translate-react-bot[bot]" <251169733+translate-react-bot[bot]@users.noreply.github.com> Date: Wed, 13 May 2026 15:39:05 +0000 Subject: [PATCH 2/4] =?UTF-8?q?docs:=20translate=20`title.md`=20to=20?= =?UTF-8?q?=D0=A0=D1=83=D1=81=D1=81=D0=BA=D0=B8=D0=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../reference/react-dom/components/title.md | 33 ++++++++++--------- 1 file changed, 17 insertions(+), 16 deletions(-) diff --git a/src/content/reference/react-dom/components/title.md b/src/content/reference/react-dom/components/title.md index c1c59c3667..cdcf451e24 100644 --- a/src/content/reference/react-dom/components/title.md +++ b/src/content/reference/react-dom/components/title.md @@ -4,7 +4,7 @@ title: "" <Intro> -Встроенный в браузер компонент `<title>` позволяет задать заголовок документа. +Встроенный [компонент `<title>` браузера](https://developer.mozilla.org/ru/docs/Web/HTML/Element/title) позволяет указать заголовок документа. ```js <title>Мой блог @@ -20,31 +20,32 @@ title: "" ### `<title>` {/*title*/} -Чтобы задать заголовок документа, отрендерите встроенный в браузер компонент `<title>`. Вы можете рендерить `<title>` из любого компонента, и React всегда будет помещать соответствующий DOM-элемент в `<head>` документа. +Чтобы указать заголовок документа, отрендерите [встроенный компонент `<title>` браузера](https://developer.mozilla.org/ru/docs/Web/HTML/Element/title). Вы можете отрендерить `<title>` из любого компонента, и React всегда поместит соответствующий DOM-элемент в head документа. ```js <title>Мой блог ``` -[Смотрите больше примеров ниже.](#usage) +[См. больше примеров ниже.](#usage) #### Пропсы {/*props*/} `` поддерживает все [общие пропсы элементов.](/reference/react-dom/components/common#props) -* `children`: `<title>` принимает только текст в качестве дочернего элемента. Этот текст станет заголовком документа. Вы также можете передавать собственные компоненты, если они рендерят только текст. +* `children`: `<title>` принимает только текст в качестве дочернего элемента. Этот текст станет заголовком документа. Вы также можете передать свои собственные компоненты, если они рендерят только текст. -#### Особое поведение при рендеринге {/*special-rendering-behavior*/} +#### Особое поведение рендеринга {/*special-rendering-behavior*/} -React всегда будет помещать DOM-элемент, соответствующий компоненту `<title>`, внутрь `<head>` документа, независимо от того, где в дереве React он был отрендерен. `<head>` — единственное допустимое место для `<title>` в DOM, но удобно и сохраняет композитность, если компонент, представляющий конкретную страницу, может сам рендерить свой `<title>`. +React всегда помещает DOM-элемент, соответствующий компоненту `<title>`, в `<head>` документа, независимо от того, где в дереве React он отрендерен. `<head>` — единственное допустимое место для существования `<title>` в DOM, но это удобно и сохраняет композицию, если компонент, представляющий конкретную страницу, может сам рендерить свой `<title>`. -Есть два исключения: -* Если `<title>` находится внутри компонента `<svg>`, то специального поведения нет, потому что в этом контексте он представляет собой не заголовок документа, а [аннотацию доступности для этой SVG-графики](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title). -* Если у `<title>` есть пропс [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop), то специального поведения нет, потому что в этом случае он представляет собой не заголовок документа, а метаданные о конкретной части страницы. +Есть два исключения из этого правила: + +* Если `<title>` находится внутри компонента `<svg>`, то особого поведения нет, потому что в этом контексте он представляет не заголовок документа, а [аннотацию доступности для этой SVG-графики](https://developer.mozilla.org/ru/docs/Web/SVG/Element/title). +* Если у `<title>` есть проп [`itemProp`](https://developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/itemprop), то особого поведения нет, потому что в этом случае он представляет не заголовок документа, а метаданные о конкретной части страницы. <Pitfall> -Рендерите только один `<title>` за раз. Если несколько компонентов одновременно рендерят тег `<title>`, React поместит все эти заголовки в `<head>` документа. В этом случае поведение браузеров и поисковых систем не определено. +Рендерите только один `<title>` за раз. Если более одного компонента рендерят тег `<title>` одновременно, React поместит все эти заголовки в head документа. Когда это произойдет, поведение браузеров и поисковых систем не определено. </Pitfall> @@ -54,7 +55,7 @@ React всегда будет помещать DOM-элемент, соотве ### Установка заголовка документа {/*set-the-document-title*/} -Отрендерите компонент `<title>` из любого компонента с текстом в качестве дочерних элементов. React поместит DOM-узел `<title>` в `<head>` документа. +Отрендерите компонент `<title>` из любого компонента с текстом в качестве его дочерних элементов. React поместит DOM-узел `<title>` в `<head>` документа. <SandpackWithHTMLOutput> @@ -64,9 +65,9 @@ import ShowRenderedHTML from './ShowRenderedHTML.js'; export default function ContactUsPage() { return ( <ShowRenderedHTML> - <title>Мой сайт: Контакты + Мой сайт: Свяжитесь с нами

Свяжитесь с нами

-

Напишите нам на support@example.com

+

Напишите нам по адресу support@example.com

); } @@ -76,13 +77,13 @@ export default function ContactUsPage() { ### Использование переменных в заголовке {/*use-variables-in-the-title*/} -Дочерние элементы компонента `` должны быть одной строкой текста. (Или одним числом, или одним объектом с методом `toString`.) Это может быть неочевидно, но использование фигурных скобок JSX, таких как: +Дочерним элементом компонента `<title>` должна быть одна строка текста. (Или одно число, или один объект с методом `toString`.) Это может быть неочевидно, но использование фигурных скобок JSX, как это: ```js -<title>Страница результатов {pageNumber} // 🔴 Проблема: Это не одна строка +Страница результатов {pageNumber} // 🔴 Проблема: это не одна строка ``` -... на самом деле приводит к тому, что компонент `` получает массив из двух элементов в качестве дочерних (строку `"Страница результатов"` и значение `pageNumber`). Это вызовет ошибку. Вместо этого используйте интерполяцию строк, чтобы передать `<title>` одну строку: +... на самом деле приводит к тому, что компонент `<title>` получает массив из двух элементов в качестве своих дочерних элементов (строка `"Страница результатов"` и значение `pageNumber`). Это вызовет ошибку. Вместо этого используйте интерполяцию строк, чтобы передать `<title>` одну строку: ```js <title>{`Страница результатов ${pageNumber}`} From 43d3407eaaba743edb507575fef19ae1162cedcf Mon Sep 17 00:00:00 2001 From: "translate-react-bot[bot]" <251169733+translate-react-bot[bot]@users.noreply.github.com> Date: Mon, 18 May 2026 16:24:16 +0000 Subject: [PATCH 3/4] =?UTF-8?q?docs:=20translate=20`title.md`=20to=20?= =?UTF-8?q?=D0=A0=D1=83=D1=81=D1=81=D0=BA=D0=B8=D0=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../reference/react-dom/components/title.md | 32 +++++++++---------- 1 file changed, 15 insertions(+), 17 deletions(-) diff --git a/src/content/reference/react-dom/components/title.md b/src/content/reference/react-dom/components/title.md index cdcf451e24..196d21fcde 100644 --- a/src/content/reference/react-dom/components/title.md +++ b/src/content/reference/react-dom/components/title.md @@ -1,10 +1,9 @@ --- -title: "" +title: "React" --- - <Intro> -Встроенный [компонент `<title>` браузера](https://developer.mozilla.org/ru/docs/Web/HTML/Element/title) позволяет указать заголовок документа. +Встроенный браузерный компонент [`<title>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) позволяет задать заголовок документа. ```js <title>Мой блог @@ -20,7 +19,7 @@ title: "" ### `<title>` {/*title*/} -Чтобы указать заголовок документа, отрендерите [встроенный компонент `<title>` браузера](https://developer.mozilla.org/ru/docs/Web/HTML/Element/title). Вы можете отрендерить `<title>` из любого компонента, и React всегда поместит соответствующий DOM-элемент в head документа. +Чтобы задать заголовок документа, отрендерите [встроенный браузерный компонент `<title>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title). Вы можете рендерить `<title>` из любого компонента, и React всегда поместит соответствующий DOM-элемент в `<head>` документа. ```js <title>Мой блог @@ -32,20 +31,19 @@ title: "" `<title>` поддерживает все [общие пропсы элементов.](/reference/react-dom/components/common#props) -* `children`: `<title>` принимает только текст в качестве дочернего элемента. Этот текст станет заголовком документа. Вы также можете передать свои собственные компоненты, если они рендерят только текст. - -#### Особое поведение рендеринга {/*special-rendering-behavior*/} +* `children`: `<title>` принимает только текст в качестве дочернего элемента. Этот текст станет заголовком документа. Вы также можете передавать собственные компоненты, если они рендерят только текст. -React всегда помещает DOM-элемент, соответствующий компоненту `<title>`, в `<head>` документа, независимо от того, где в дереве React он отрендерен. `<head>` — единственное допустимое место для существования `<title>` в DOM, но это удобно и сохраняет композицию, если компонент, представляющий конкретную страницу, может сам рендерить свой `<title>`. +#### Особое поведение при рендеринге {/*special-rendering-behavior*/} -Есть два исключения из этого правила: +React всегда будет помещать DOM-элемент, соответствующий компоненту `<title>`, внутрь `<head>` документа, независимо от того, где в дереве React он был отрендерен. `<head>` — единственное допустимое место для `<title>` в DOM, но удобно и сохраняет композитность, если компонент, представляющий конкретную страницу, может сам рендерить свой `<title>`. -* Если `<title>` находится внутри компонента `<svg>`, то особого поведения нет, потому что в этом контексте он представляет не заголовок документа, а [аннотацию доступности для этой SVG-графики](https://developer.mozilla.org/ru/docs/Web/SVG/Element/title). -* Если у `<title>` есть проп [`itemProp`](https://developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/itemprop), то особого поведения нет, потому что в этом случае он представляет не заголовок документа, а метаданные о конкретной части страницы. +Есть два исключения: +* Если `<title>` находится внутри компонента `<svg>`, то специального поведения нет, потому что в этом контексте он представляет не заголовок документа, а [аннотацию доступности для этой SVG-графики](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title). +* Если у `<title>` есть пропс [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop), то специального поведения нет, потому что в этом случае он представляет не заголовок документа, а метаданные о конкретной части страницы. <Pitfall> -Рендерите только один `<title>` за раз. Если более одного компонента рендерят тег `<title>` одновременно, React поместит все эти заголовки в head документа. Когда это произойдет, поведение браузеров и поисковых систем не определено. +Рендерите только один `<title>` за раз. Если несколько компонентов одновременно рендерят тег `<title>`, React поместит все эти заголовки в `<head>` документа. В этом случае поведение браузеров и поисковых систем не определено. </Pitfall> @@ -55,7 +53,7 @@ React всегда помещает DOM-элемент, соответствую ### Установка заголовка документа {/*set-the-document-title*/} -Отрендерите компонент `<title>` из любого компонента с текстом в качестве его дочерних элементов. React поместит DOM-узел `<title>` в `<head>` документа. +Отрендерите компонент `<title>` из любого компонента с текстом в качестве дочерних элементов. React поместит DOM-узел `<title>` в `<head>` документа. <SandpackWithHTMLOutput> @@ -65,7 +63,7 @@ import ShowRenderedHTML from './ShowRenderedHTML.js'; export default function ContactUsPage() { return ( <ShowRenderedHTML> - <title>Мой сайт: Свяжитесь с нами + Мой сайт: Контакты

Свяжитесь с нами

Напишите нам по адресу support@example.com

@@ -77,13 +75,13 @@ export default function ContactUsPage() { ### Использование переменных в заголовке {/*use-variables-in-the-title*/} -Дочерним элементом компонента `` должна быть одна строка текста. (Или одно число, или один объект с методом `toString`.) Это может быть неочевидно, но использование фигурных скобок JSX, как это: +Дочерние элементы компонента `<title>` должны быть одной строкой текста. (Или одним числом, или одним объектом с методом `toString`.) Это может быть неочевидно, но использование фигурных скобок JSX, вот так: ```js -<title>Страница результатов {pageNumber} // 🔴 Проблема: это не одна строка +Страница результатов {pageNumber} // 🔴 Проблема: Это не одна строка ``` -... на самом деле приводит к тому, что компонент `` получает массив из двух элементов в качестве своих дочерних элементов (строка `"Страница результатов"` и значение `pageNumber`). Это вызовет ошибку. Вместо этого используйте интерполяцию строк, чтобы передать `<title>` одну строку: +... на самом деле приводит к тому, что компонент `<title>` получает массив из двух элементов в качестве дочерних (строку `"Страница результатов"` и значение `pageNumber`). Это вызовет ошибку. Вместо этого используйте интерполяцию строк, чтобы передать `<title>` одну строку: ```js <title>{`Страница результатов ${pageNumber}`} From 9099bfa14cf54a1247f7fdb569e24900aeac8f48 Mon Sep 17 00:00:00 2001 From: nivaldo Date: Mon, 18 May 2026 14:48:15 -0300 Subject: [PATCH 4/4] chore: keep frontmatter title as-is --- src/content/reference/react-dom/components/title.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react-dom/components/title.md b/src/content/reference/react-dom/components/title.md index 196d21fcde..76612a486b 100644 --- a/src/content/reference/react-dom/components/title.md +++ b/src/content/reference/react-dom/components/title.md @@ -1,6 +1,7 @@ --- -title: "React" +title: "" --- + <Intro> Встроенный браузерный компонент [`<title>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) позволяет задать заголовок документа. @@ -85,4 +86,4 @@ export default function ContactUsPage() { ```js <title>{`Страница результатов ${pageNumber}`} -``` \ No newline at end of file +```