Skip to content

Commit c76ed2d

Browse files
translate-react-bot[bot]translate-react-bot[bot]
authored
docs: translate title.md to Русский
1 parent a972908 commit c76ed2d

1 file changed

Lines changed: 17 additions & 16 deletions

File tree

  • src/content/reference/react-dom/components

‎src/content/reference/react-dom/components/title.md‎

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: "<title>"
44

55
<Intro>
66

7-
Встроенный в браузер компонент `<title>` позволяет задать заголовок документа.
7+
Встроенный [компонент `<title>` браузера](https://developer.mozilla.org/ru/docs/Web/HTML/Element/title) позволяет указать заголовок документа.
88

99
```js
1010
<title>Мой блог</title>
@@ -20,31 +20,32 @@ title: "<title>"
2020

2121
### `<title>` {/*title*/}
2222

23-
Чтобы задать заголовок документа, отрендерите встроенный в браузер компонент `<title>`. Вы можете рендерить `<title>` из любого компонента, и React всегда будет помещать соответствующий DOM-элемент в `<head>` документа.
23+
Чтобы указать заголовок документа, отрендерите [встроенный компонент `<title>` браузера](https://developer.mozilla.org/ru/docs/Web/HTML/Element/title). Вы можете отрендерить `<title>` из любого компонента, и React всегда поместит соответствующий DOM-элемент в head документа.
2424

2525
```js
2626
<title>Мой блог</title>
2727
```
2828

29-
[Смотрите больше примеров ниже.](#usage)
29+
[См. больше примеров ниже.](#usage)
3030

3131
#### Пропсы {/*props*/}
3232

3333
`<title>` поддерживает все [общие пропсы элементов.](/reference/react-dom/components/common#props)
3434

35-
* `children`: `<title>` принимает только текст в качестве дочернего элемента. Этот текст станет заголовком документа. Вы также можете передавать собственные компоненты, если они рендерят только текст.
35+
* `children`: `<title>` принимает только текст в качестве дочернего элемента. Этот текст станет заголовком документа. Вы также можете передать свои собственные компоненты, если они рендерят только текст.
3636

37-
#### Особое поведение при рендеринге {/*special-rendering-behavior*/}
37+
#### Особое поведение рендеринга {/*special-rendering-behavior*/}
3838

39-
React всегда будет помещать DOM-элемент, соответствующий компоненту `<title>`, внутрь `<head>` документа, независимо от того, где в дереве React он был отрендерен. `<head>` — единственное допустимое место для `<title>` в DOM, но удобно и сохраняет композитность, если компонент, представляющий конкретную страницу, может сам рендерить свой `<title>`.
39+
React всегда помещает DOM-элемент, соответствующий компоненту `<title>`, в `<head>` документа, независимо от того, где в дереве React он отрендерен. `<head>` — единственное допустимое место для существования `<title>` в DOM, но это удобно и сохраняет композицию, если компонент, представляющий конкретную страницу, может сам рендерить свой `<title>`.
4040

41-
Есть два исключения:
42-
* Если `<title>` находится внутри компонента `<svg>`, то специального поведения нет, потому что в этом контексте он представляет собой не заголовок документа, а [аннотацию доступности для этой SVG-графики](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title).
43-
* Если у `<title>` есть пропс [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop), то специального поведения нет, потому что в этом случае он представляет собой не заголовок документа, а метаданные о конкретной части страницы.
41+
Есть два исключения из этого правила:
42+
43+
* Если `<title>` находится внутри компонента `<svg>`, то особого поведения нет, потому что в этом контексте он представляет не заголовок документа, а [аннотацию доступности для этой SVG-графики](https://developer.mozilla.org/ru/docs/Web/SVG/Element/title).
44+
* Если у `<title>` есть проп [`itemProp`](https://developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/itemprop), то особого поведения нет, потому что в этом случае он представляет не заголовок документа, а метаданные о конкретной части страницы.
4445

4546
<Pitfall>
4647

47-
Рендерите только один `<title>` за раз. Если несколько компонентов одновременно рендерят тег `<title>`, React поместит все эти заголовки в `<head>` документа. В этом случае поведение браузеров и поисковых систем не определено.
48+
Рендерите только один `<title>` за раз. Если более одного компонента рендерят тег `<title>` одновременно, React поместит все эти заголовки в head документа. Когда это произойдет, поведение браузеров и поисковых систем не определено.
4849

4950
</Pitfall>
5051

@@ -54,7 +55,7 @@ React всегда будет помещать DOM-элемент, соотве
5455

5556
### Установка заголовка документа {/*set-the-document-title*/}
5657

57-
Отрендерите компонент `<title>` из любого компонента с текстом в качестве дочерних элементов. React поместит DOM-узел `<title>` в `<head>` документа.
58+
Отрендерите компонент `<title>` из любого компонента с текстом в качестве его дочерних элементов. React поместит DOM-узел `<title>` в `<head>` документа.
5859

5960
<SandpackWithHTMLOutput>
6061

@@ -64,9 +65,9 @@ import ShowRenderedHTML from './ShowRenderedHTML.js';
6465
export default function ContactUsPage() {
6566
return (
6667
<ShowRenderedHTML>
67-
<title>Мой сайт: Контакты</title>
68+
<title>Мой сайт: Свяжитесь с нами</title>
6869
<h1>Свяжитесь с нами</h1>
69-
<p>Напишите нам на support@example.com</p>
70+
<p>Напишите нам по адресу support@example.com</p>
7071
</ShowRenderedHTML>
7172
);
7273
}
@@ -76,13 +77,13 @@ export default function ContactUsPage() {
7677

7778
### Использование переменных в заголовке {/*use-variables-in-the-title*/}
7879

79-
Дочерние элементы компонента `<title>` должны быть одной строкой текста. (Или одним числом, или одним объектом с методом `toString`.) Это может быть неочевидно, но использование фигурных скобок JSX, таких как:
80+
Дочерним элементом компонента `<title>` должна быть одна строка текста. (Или одно число, или один объект с методом `toString`.) Это может быть неочевидно, но использование фигурных скобок JSX, как это:
8081

8182
```js
82-
<title>Страница результатов {pageNumber}</title> // 🔴 Проблема: Это не одна строка
83+
<title>Страница результатов {pageNumber}</title> // 🔴 Проблема: это не одна строка
8384
```
8485

85-
... на самом деле приводит к тому, что компонент `<title>` получает массив из двух элементов в качестве дочерних (строку `"Страница результатов"` и значение `pageNumber`). Это вызовет ошибку. Вместо этого используйте интерполяцию строк, чтобы передать `<title>` одну строку:
86+
... на самом деле приводит к тому, что компонент `<title>` получает массив из двух элементов в качестве своих дочерних элементов (строка `"Страница результатов"` и значение `pageNumber`). Это вызовет ошибку. Вместо этого используйте интерполяцию строк, чтобы передать `<title>` одну строку:
8687

8788
```js
8889
<title>{`Страница результатов ${pageNumber}`}</title>

0 commit comments

Comments
 (0)