You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -16,51 +16,51 @@ The [built-in browser `<meta>` component](https://developer.mozilla.org/en-US/do
16
16
17
17
---
18
18
19
-
## Reference {/*reference*/}
19
+
## Referência {/*reference*/}
20
20
21
21
### `<meta>` {/*meta*/}
22
22
23
-
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.
23
+
Para adicionar metadados ao documento, renderize o componente `<meta>`[integrado ao navegador](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta). Você pode renderizar`<meta>`de qualquer componente e o React sempre colocará o elemento DOM correspondente no `<head>` do documento.
`<meta>`supports all [common element props.](/reference/react-dom/components/common#common-props)
33
+
O `<meta>`suporta todas as [props comuns de elementos.](/reference/react-dom/components/common#common-props)
34
34
35
-
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.
35
+
Ele deve ter *exatamente uma* das seguintes props: `name`, `httpEquiv`, `charset`, `itemProp`. O componente `<meta>`faz algo diferente dependendo de qual dessas props é especificada.
36
36
37
-
*`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.
38
-
*`charset`: a string. Specifies the character set used by the document. The only valid value is`"utf-8"`.
39
-
*`httpEquiv`: a string. Specifies a directive for processing the document.
40
-
*`itemProp`: a string. Specifies metadata about a particular item within the document rather than the document as a whole.
41
-
*`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.
37
+
*`name`: uma string. Especifica o [tipo de metadado](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name)a ser anexado ao documento.
38
+
*`charset`: uma string. Especifica o conjunto de caracteres usado pelo documento. O único valor válido é`"utf-8"`.
39
+
*`httpEquiv`: uma string. Especifica uma diretiva para o processamento do documento.
40
+
*`itemProp`: uma string. Especifica metadados sobre um item específico dentro do documento, em vez do documento como um todo.
41
+
*`content`: uma string. Especifica os metadados a serem anexados quando usados com as props `name`ou`itemProp`, ou o comportamento da diretiva quando usada com a prop `httpEquiv`.
42
42
43
-
#### Special rendering behavior {/*special-rendering-behavior*/}
43
+
#### Comportamento especial de renderização {/*special-rendering-behavior*/}
44
44
45
-
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.
45
+
O React sempre colocará o elemento DOM correspondente ao componente `<meta>`dentro do `<head>` do documento, independentemente de onde ele for renderizado na árvore React. O`<head>`é o único local válido para o `<meta>`existir dentro do DOM, mas é conveniente e mantém as coisas composáveis se um componente que representa uma página específica puder renderizar componentes `<meta>`por si só.
46
46
47
-
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.
47
+
Há uma exceção a isso: se`<meta>`tiver uma prop [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop), não haverá comportamento especial, pois neste caso ele não representa metadados sobre o documento, mas sim metadados sobre uma parte específica da página.
48
48
49
49
---
50
50
51
-
## Usage {/*usage*/}
51
+
## Uso {/*usage*/}
52
52
53
-
### Annotating the document with metadata {/*annotating-the-document-with-metadata*/}
53
+
### Anotando o documento com metadados {/*annotating-the-document-with-metadata*/}
54
54
55
-
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.
55
+
Você pode anotar o documento com metadados como palavras-chave, um resumo ou o nome do autor. O React colocará esses metadados dentro do `<head>`do documento, independentemente de onde eles forem renderizados na árvore React.
<metaname="description"content="API reference for the <meta> component in React DOM" />
61
61
```
62
62
63
-
You can render the `<meta>`component from any component. React will put a `<meta>`DOM node in the document `<head>`.
63
+
Você pode renderizar o componente `<meta>`de qualquer componente. O React colocará um nó DOM `<meta>`no `<head>` do documento.
64
64
65
65
<SandpackWithHTMLOutput>
66
66
@@ -81,14 +81,14 @@ export default function SiteMapPage() {
81
81
82
82
</SandpackWithHTMLOutput>
83
83
84
-
### Annotating specific items within the document with metadata {/*annotating-specific-items-within-the-document-with-metadata*/}
84
+
### Anotando itens específicos dentro do documento com metadados {/*annotating-specific-items-within-the-document-with-metadata*/}
85
85
86
-
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.
86
+
Você pode usar o componente `<meta>`com a prop`itemProp`para anotar itens específicos dentro do documento com metadados. Neste caso, o React *não* colocará essas anotações dentro do `<head>`do documento, mas as colocará como qualquer outro componente React.
87
87
88
88
```js
89
89
<section itemScope>
90
-
<h3>Annotating specific items</h3>
90
+
<h3>Anotando itens específicos</h3>
91
91
<meta itemProp="description" content="API reference for using <meta> with itemProp"/>
![translate-react-bot[bot]](https://avatars.githubusercontent.com/in/2525171?v=4&size=40){kind=avatar}
0 commit comments