Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove HTMLAttrXRef and mentions from pt-BR #13657

Merged
merged 3 commits into from
Jun 18, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion files/pt-br/conflicting/web/api/htmlslotelement/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ A interface do **`HTMLContentElement`** representa um {{HTMLElement("content")}}
_Esta interface herda as propriedades de {{domxref("HTMLElement")}}._

- {{domxref("HTMLContentElement.select")}}
- : é um {{domxref("DOMString")}} que reflete o {{ htmlattrxref("select", "content") }} attributo HTML . O valor é uma lista de vírgula separada dos seletores CSS que selecionam o conteúdo para inserir em lugar do elemento `<content>`.
- : é um {{domxref("DOMString")}} que reflete o [`select`](/pt-BR/docs/Web/HTML/Element/content#select) attributo HTML . O valor é uma lista de vírgula separada dos seletores CSS que selecionam o conteúdo para inserir em lugar do elemento `<content>`.

## Méthodos

Expand Down
4 changes: 2 additions & 2 deletions files/pt-br/glossary/caret/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ original_slug: Glossario/caret

Um **caret** (às vezes chamado de "cursor de texto") é um indicador exibido na tela para indicar onde a entrada de texto será inserida. A maioria das interfaces de usuário representam o caret usando uma linha vertical fina ou uma caixa do tamanho de um caractere que pisca, mas isso pode variar. Este ponto do texto é chamado de **ponto de inserção.** A palavra "_careta_" diferencia o ponto de inserção de texto do cursor do mouse.

Na web, um caret é usado para representar o ponto de inserção em {{HTMLElement("input")}} e {{HTMLElement("textarea")}} elementos, bem como quaisquer elementos cujo atributo {{htmlattrxref("contenteditable")}} está definido, permitindo assim que o conteúdo do elemento seja editado pelo usuário.
Na web, um caret é usado para representar o ponto de inserção em {{HTMLElement("input")}} e {{HTMLElement("textarea")}} elementos, bem como quaisquer elementos cujo atributo [`contenteditable`](/pt-BR/docs/Web/HTML/Global_attributes#contenteditable) está definido, permitindo assim que o conteúdo do elemento seja editado pelo usuário.

## Saiba Mais

Expand All @@ -29,4 +29,4 @@ Esses elementos fornecem campos de entrada de texto ou caixas e, portanto, fazem
- [`<input type="number">`](/pt-BR/docs/Web/HTML/Element/input/number), [`<input type="range">`](/pt-BR/docs/Web/HTML/Element/input/range)
- [`<input type="email">`](/pt-BR/docs/Web/HTML/Element/input/email), [`<input type="tel">`](/pt-BR/docs/Web/HTML/Element/input/tel) e [`<input type="url">`](/pt-BR/docs/Web/HTML/Element/input/url)
- {{HTMLElement("textarea")}}
- Qualquer elemento com seu conjunto de atributo {{htmlattrxref ("contenteditable")}}.
- Qualquer elemento com seu conjunto de atributo [`contenteditable`](/pt-BR/docs/Web/HTML/Global_attributes#contenteditable).
2 changes: 1 addition & 1 deletion files/pt-br/learn/accessibility/html/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -336,7 +336,7 @@ Adicionar tais vantagens de volta leva um pouco de trabalho (você pode ver um e
<div data-message="Esse é do terceiro botão" tabindex="0">E em mim!</div>
```

Basicamente, o atributo {{htmlattrxref ("tabindex")}} destina-se principalmente a permitir que elementos tabulares tenham uma ordem de tabulação personalizada (especificada em ordem numérica positiva), em vez de apenas serem tabulados em sua ordem de origem padrão. Isso é quase sempre uma má ideia, pois pode causar grandes confusões. Use-o somente se você realmente precisar, por exemplo, se o layout mostrar coisas em uma ordem visual muito diferente do código-fonte, e você quiser fazer as coisas funcionarem mais logicamente. Existem duas outras opções para `tabindex`:
Basicamente, o atributo [`tabindex`](/pt-BR/docs/Web/HTML/Global_attributes#tabindex) destina-se principalmente a permitir que elementos tabulares tenham uma ordem de tabulação personalizada (especificada em ordem numérica positiva), em vez de apenas serem tabulados em sua ordem de origem padrão. Isso é quase sempre uma má ideia, pois pode causar grandes confusões. Use-o somente se você realmente precisar, por exemplo, se o layout mostrar coisas em uma ordem visual muito diferente do código-fonte, e você quiser fazer as coisas funcionarem mais logicamente. Existem duas outras opções para `tabindex`:

- `tabindex="0"` — conforme indicado acima, esse valor permite que elementos que normalmente não podem ser tabulados se tornem tabeláveis. Este é o valor mais útil do `tabindex`.
- `tabindex="-1"` — isso permite que elementos normalmente não tabuláveis recebam foco de maneira programática, por exemplo, via JavaScript, ou como alvo de links.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,7 @@ Vamos agora dar uma olhada em como o navegador calculará a especificidade. Já

A quantidade de especificidade que um seletor tem é medida usando quatro valores (ou componentes) diferentes, que podem ser considerados como milhares, centenas, dezenas e uns - quatro dígitos únicos em quatro colunas:

1. **Thousands**: marque um nesta coluna se a declaração estiver dentro de um atributo {{htmlattrxref ("style")}}, também conhecido como estilos embutidos. Essas declarações não têm seletores, portanto, sua especificidade é sempre simplesmente 1000.
1. **Thousands**: marque um nesta coluna se a declaração estiver dentro de um atributo [`style`](/pt-BR/docs/Web/HTML/Global_attributes#style), também conhecido como estilos embutidos. Essas declarações não têm seletores, portanto, sua especificidade é sempre simplesmente 1000.
2. **Hundreds**: marque um nesta coluna para cada seletor de ID contido no seletor geral.
3. **Tens**: marque um nesta coluna para cada seletor de classe, seletor de atributo ou pseudoclasse contido no seletor geral.
4. **Ones**: marque um nesta coluna para cada seletor de elemento ou pseudoelemento contido dentro do seletor geral.
Expand All @@ -185,7 +185,7 @@ A tabela a seguir mostra alguns exemplos isolados para colocá-lo no clima. Expe
| `h1 + p::first-letter` | 0 | 0 | 0 | 3 | 0003 |
| `li > a[href*="en-US"] > .inline-warning` | 0 | 0 | 2 | 2 | 0022 |
| `#identifier` | 0 | 1 | 0 | 0 | 0100 |
| No selector, with a rule inside an element's {{htmlattrxref("style")}} attribute | 1 | 0 | 0 | 0 | 1000 |
| No selector, with a rule inside an element's [`style`](/pt-BR/docs/Web/HTML/Global_attributes#style) attribute | 1 | 0 | 0 | 0 | 1000 |

Antes de prosseguirmos, vejamos um exemplo em ação.

Expand Down Expand Up @@ -213,7 +213,7 @@ Vamos examinar isso para ver o que está acontecendo - tente remover algumas das

1. Você verá que os valores da terceira regra {{cssxref ("color")}} e {{cssxref ("padding")}} foram aplicados, mas o {{cssxref ("background-color")}} não foram?. Por quê? Na verdade, todos os três devem ser aplicados, porque as regras posteriores na ordem de origem geralmente substituem as regras anteriores.
2. No entanto, as regras acima vencem, porque os seletores de classe têm uma especificidade mais alta do que os seletores de elemento.
3. Ambos elementos tem {{htmlattrxref("class")}} de `better (melhor)`, mas o segundo tem um **id** {{htmlattrxref("id")}} que é mais forte. Como os IDs têm uma especificidade ainda maior do que as classes (você só pode ter um elemento com cada ID exclusivo em uma página, mas muitos elementos com a mesma classe - os seletores de ID são muito específicos no que se destinam), a cor de fundo vermelha e A borda preta de 1 pixel deve ser aplicada ao segundo elemento, com o primeiro elemento recebendo a cor de fundo cinza, e sem borda, conforme especificado pela classe.
3. Ambos elementos tem [`class`](/pt-BR/docs/Web/HTML/Global_attributes#class) de `better (melhor)`, mas o segundo tem um **id** [`id`](/pt-BR/docs/Web/HTML/Global_attributes#id) que é mais forte. Como os IDs têm uma especificidade ainda maior do que as classes (você só pode ter um elemento com cada ID exclusivo em uma página, mas muitos elementos com a mesma classe - os seletores de ID são muito específicos no que se destinam), a cor de fundo vermelha e A borda preta de 1 pixel deve ser aplicada ao segundo elemento, com o primeiro elemento recebendo a cor de fundo cinza, e sem borda, conforme especificado pela classe.
4. O segundo elemento obtém a cor de fundo vermelha, mas sem borda. Por quê? Por causa da declaração! Important na segunda regra - incluindo isso depois de border: none significa que essa declaração vai superar o valor de border na regra anterior, embora o ID tenha uma especificidade mais alta.

> **Nota:** A única maneira de sobrescrever essa declaração! Importante seria incluir outra declaração! Importante em uma declaração com a mesma especificidade posteriormente na ordem de origem, ou uma com uma especificidade mais alta.
Expand Down
Loading