diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.portuguese.md index de42318fed..72fe122a13 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.portuguese.md @@ -3,21 +3,21 @@ id: 587d774e367417b2b2512aa0 title: Wrap Content in the article Element challengeType: 0 videoUrl: '' -localeTitle: Embrulhe conteúdo no artigo Elemento +localeTitle: Envolva o Conteúdo no artigo Element --- ## Description -
article é outro dos novos elementos HTML5 que adiciona significado semântico à sua marcação. Article é um elemento de corte e é usado para envolver conteúdo independente e independente. A tag funciona bem com entradas de blog, postagens no fórum ou artigos de notícias. Determinar se o conteúdo pode ficar sozinho é geralmente uma avaliação, mas existem alguns testes simples que você pode usar. Pergunte a si mesmo se você removeu todo o contexto circundante, esse conteúdo ainda faria sentido? Da mesma forma, para o texto, o conteúdo se sustentaria se estivesse em um feed RSS? Lembre-se de que as pessoas que usam tecnologias assistivas dependem de uma marcação organizada e significativa para compreender melhor seu trabalho. Nota sobre a section e div
O elemento section também é novo no HTML5 e tem um significado semântico ligeiramente diferente do que o article . Um article é para conteúdo autônomo e uma section é para agrupar conteúdo relacionado tematicamente. Eles podem ser usados ​​uns dentro dos outros, conforme necessário. Por exemplo, se um livro é o article , então cada capítulo é uma section . Quando não houver relacionamento entre grupos de conteúdo, use um div .
<div> - agrupa o conteúdo
<section> - agrupa conteúdo relacionado
<article> - agrupa conteúdo independente e autocontido
+
article é outro dos novos elementos HTML5 que adiciona significado semântico à sua marcação. Article é um elemento de segmentação e é usado para envolver conteúdo independente e autossufuciente. A tag funciona bem com publicações de blog, postagens em fóruns ou artigos de notícias. Determinar se o conteúdo pode ser isolado é geralmente uma questão de decisão, mas existem alguns testes simples que você pode utilizar. Pergunte a si mesmo se você removesse todo o contexto adjacente, esse conteúdo ainda faria sentido? Da mesma forma para texto, o conteúdo faria sentido se estivesse em um feed RSS? Lembre-se de que pessoas que usam tecnologias assistivas dependem de uma marcação organizada e semanticamente significativa para compreender melhor seu trabalho. Nota sobre section e div
O elemento section também é novo no HTML5 e tem um significado semântico ligeiramente diferente de article. Um article é para conteúdo independente e um section é para agrupar conteúdos relacionados tematicamente. Eles podem ser usados uns dentro dos outros, conforme necessário. Por exemplo, se um livro é o article , então cada capítulo é um section . Quando não houver relação entre grupos de conteúdo, use um div .
<div> - agrupa conteúdo
<section> - agrupa conteúdo relacionado
<article> - agrupa conteúdo independente e autossufuciente
## Instructions -
Camper Cat usou tags de article para embrulhar as postagens em sua página do blog, mas ele se esqueceu de usá-las na parte superior. Altere a tag div para usar uma tag de article .
+
Camper Cat usou tags article para envolver as postagens em sua página de blog, mas ele se esqueceu de usá-las na primeira postagem. Altere a tag div para usar uma tag article em seu lugar.
## Tests
```yml tests: - - text: Seu código deve ter três tags de article . + - text: Seu código deve ter três tags article . testString: 'assert($("article").length == 3, "Your code should have three article tags.");' - text: Seu código não deve ter tags div . testString: 'assert($("div").length == 0, "Your code should not have any div tags.");' @@ -32,25 +32,25 @@ tests:
```html -

Deep Thoughts with Master Camper Cat

+

Reflexões Profundas com o Mestre Camper Cat

-

The Garfield Files: Lasagna as Training Fuel?

-

The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...

+

Os Arquivos Garfield: Lasanha como Combustível de Treinamento?

+

A internet está repleta de diversas opiniões sobre paradigmas nutricionais, da dieta paleo de erva do gato a limpezas de bolas de pelo. Contudo, vamos voltar nossa atenção para um combustível fitness muitas vezes negligenciado e examinar a trifeta proteína-carboidrato-nhac que é a lasanha...

-

Defeating your Foe: the Red Dot is Ours!

-

Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...

+

Derrotando seu Adversário: o Ponto Vermelho é Nosso!

+

Felinos no mundo inteiro têm travado uma guerra contra o mais persistente dos inimigos. Esse nêmesis vermelho combina astúcia furtiva com velocidade da luz. Mas cabeça erguida, companheiros guerreiros, nosso tempo de vitória pode estar se aproximando...

-

Is Chuck Norris a Cat Person?

-

Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...

+

Chuck Norris é gateiro?

+

Chuck Norris é amplamente considerado como o principal artista marcial do planeta, e é uma completa coincidência que qualquer um que discorde com esse fato misteriosamente desapareça pouco tempo depois. Mas a verdadeira questão é: ele é gateiro?...