Novidades do HTML 5.2 \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto**
Termina em Tempo restante da oferta: 04 Horas
42 Min
03 Seg
Tempo restante da oferta: 04 42 03
[Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26)
[ ](https://www.treinaweb.com.br) Explorar
[ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login)
[ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Novidades do HTML 5.2 [ HTML ](https://www.treinaweb.com.br/blog/categoria/html)
# Novidades do HTML 5.2
Conheça as novidades do HTML 5.2, suas adições e depreciações.
[ Akira Hanashiro ](https://www.treinaweb.com.br/blog/autor/akira-hanashiro) 9 anos atrás
Olá, Web Developers!
No final de 2017 o HTML 5.2 se tornou uma recomendação oficial da W3C. Vejamos algumas das novidades.
[  ](https://www.treinaweb.com.br/ebook/guia-HTML/)
## Elemento ``
Uma das principais adições é o elemento ``, que nos permite criar modais de forma nativa no HTML. No momento apenas o Chrome dá suporte a esse elemento.
Por padrão ele fica escondido. Para que ele apareça, basta selecioná-lo com JavaScript e executar o método `show()`;
```html
Olá Web Developers!
Abrir Modal
Fechar Modal
```
```js
const dialog = document.querySelector("dialog");
document.querySelector("#open").addEventListener("click", () => {
dialog.show();
});
document.querySelector("#close").addEventListener("click", () => {
dialog.close();
});
```
## Usando a API Payment Request a partir de iframes
Antes do HTML 5.2, pagamentos que usassem a API Payment Request não poderiam ser feitos a partir de um iframe embutido em sua página.
Agora os iframes aceitam o atributo `allowpaymentrequest`, permitindo que a página com iFrame faça uso do serviço.
```html
```
## Funcionalidades depreciadas
Algumas funcionalidades foram consideradas ruins, obsoletas ou foram trocadas por algo melhor.
- elementos `keygen`, `menu` e `menuitem`
- atributo `inputmode` do `` e o atributo `dropzone`
- o método `showModalDialog()` (como visto acima, agora é apenas `show()`)
- a API Plugin foi marcada como obsoleta
## Práticas que agora são válidas
Há algumas práticas que antes não eram recomendadas, mas que agora elas são consideradas válidas.
#### `` no ``
Sim, isso já funcionava. Porém, seu documento ficaria como inválido. Agora é considerado válido ter elementos `style` no meio do `body`. Mesmo assim, prefira evitar.
#### Vários elementos ``
O elemento `` indica a parte principal de um documento e até então só podia existir um.
Isso mudou e agora é válido ter mais de um `` em um mesmo documento, desde que apenas um esteja visível.
```html
...
...
...
```
#### Cabeçalhos em elementos `` em um ``
Os elementos `` dentro de um `` apresentam uma legenda para os campos de um formulário.
Antes só era válido ter texto dentro dos elementos , mas agora pode-se colocar os elementos ``, ``, ``, etc
```html
Contato
```
#### `` como elemento filho de ``
O elemento `` serve para criarmos listas descritivas, ou seja, uma lista de descrições de algo.
Antes não eram aceitas `divs` como elementos filhos, mas agora é.
```html
Treinaweb
JavaScript
Linguagem Interpretada
Multi Paradigma
```
## Práticas que não são mais válidas
Algumas práticas tornaram-se obsoletas.
#### Filhos de ``, agora só textos
Agora o elemento `` só poderá ter conteúdo de texto (e os marcadores de texto, como ``, ``, ``, etc).
Isso significa que elementos do tipo `inline-blocks`, `inline-tables` ou elementos do tipo `block` com alguma posição ou flutuantes não são mais considerados filhos válidos.
[  Formação Desenvolvedor Front-end Sênior Conhecer a formação ](https://www.treinaweb.com.br/formacao/desenvolvedor-front-end-senior)
#### Conteúdo com strict doctype do HTML4 ou XHTML1
Isso significa que as seguintes declarações não são mais válidas:
```html
```
```html
```
Já conhece os nossos cursos de HTML5? Se não, dê uma olhadinha! :)
- [ #HTML5 ](https://www.treinaweb.com.br/blog/tag/html5)
- [ #Novidades ](https://www.treinaweb.com.br/blog/tag/novidades)
Autor
## Akira Hanashiro
Graduado em Análise e Desenvolvimento de Sistemas, Pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning. Especializado em Front End e curte desenvolvimento de jogos.
[Todos os artigos](https://www.treinaweb.com.br/blog/autor/akira-hanashiro)
## Continue estudando
Transforme leitura em prática com os cursos e formações da TreinaWeb.
[Ver cursos](https://www.treinaweb.com.br/cursos)
Continue lendo
## Artigos relacionados
-  [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end)
9 anos atrás
## [ Novidades do Chrome 63 para os desenvolvedores ](https://www.treinaweb.com.br/blog/novidades-do-chrome-63-para-os-desenvolvedores)
Veja algumas das novidades presentes no Chrome 63, última versão do navegador a ser lançada em 2017.
Ler artigo
-  [ Entrevistas ](https://www.treinaweb.com.br/blog/categoria/entrevistas)
9 anos atrás
## [ TW Entrevista 06: Rafael Caferati ](https://www.treinaweb.com.br/blog/tw-entrevista-06-rafael-caferati)
Fizemos uma série de entrevistas com desenvolvedores chamada "TW Entrevista". O entrevistado de hoje é o Rafael Caferati, desenvolvedor especialista em UI/UX que já foi premiado pelo CSS Design Awards.
Ler artigo
-  [ Drupal ](https://www.treinaweb.com.br/blog/categoria/drupal)
6 anos atrás
## [ O que é Drupal? ](https://www.treinaweb.com.br/blog/o-que-e-drupal)
Veja neste artigo o que é o Drupal.
Ler artigo
-  [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end)
8 anos atrás
## [ Templates gratuitos para aplicações administrativas ](https://www.treinaweb.com.br/blog/templates-gratuitos-para-aplicacoes-administrativas)
Neste artigo veremos alguns templates para criação de aplicações administrativas.
Ler artigo
-  [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript)
9 anos atrás
## [ O que há de novo no React 16? ](https://www.treinaweb.com.br/blog/o-que-ha-de-novo-no-react-16)
O React, agora em sua versão 16, foi totalmente reescrito. Veja as melhorias e o que há de novo.
Ler artigo
-  [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end)
7 anos atrás
## [ O que é Bootstrap? ](https://www.treinaweb.com.br/blog/o-que-e-bootstrap)
Os frameworks são ferramentas incríveis e que poupam muito tempo dos desenvolvedores. Neste artigo, vamos conferir o Bootstrap, um dos mais populares frameworks front-end atualmente.
Ler artigo
-  [ Python ](https://www.treinaweb.com.br/blog/categoria/python)
7 anos atrás
## [ Principais IDEs para desenvolvimento Python ](https://www.treinaweb.com.br/blog/principais-ides-para-desenvolvimento-python)
Veja neste artigo as principais IDEs para desenvolvimento Python.
Ler artigo
-  [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira)
7 anos atrás
## [ Como crescer no Front-End? ](https://www.treinaweb.com.br/blog/como-crescer-no-front-end)
Veja várias dicas para alavancar a sua carreira como Desenvolvedor Front-End
Ler artigo
-  [ Tecnologia ](https://www.treinaweb.com.br/blog/categoria/tecnologia)
8 anos atrás
## [ Principais editores de código para desenvolvimento ](https://www.treinaweb.com.br/blog/principais-editores-de-codigo-para-desenvolvimento)
Neste artigo veremos alguns editores de código para utilizar na criação de seus projetos.
Ler artigo
-  [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end)
9 anos atrás
## [ 7 aspectos que revelam o futuro próspero de um desenvolvedor web ](https://www.treinaweb.com.br/blog/sete-aspectos-que-revelam-o-futuro-prospero-de-um-desenvolvedor-web)
São muitas as dúvidas que envolvem a escolha de uma carreira profissional e os estudantes de tecnologia acabam ficando confusos em relação ao futuro. Nesse artigo algumas informações e tendências.
Ler artigo
-  [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end)
6 anos atrás
## [ Guia da Linguagem JavaScript ](https://www.treinaweb.com.br/blog/guia-da-linguagem-javascript)
Neste Guia da Linguagem Javascript vamos abordar aspectos fundamentais, como: tipos de dados, variáveis, objetos, arrays e muito mais.
Ler artigo
-  [ Dart ](https://www.treinaweb.com.br/blog/categoria/dart)
6 anos atrás
## [ Principais IDEs para desenvolvimento Dart ](https://www.treinaweb.com.br/blog/principais-ides-para-desenvolvimento-dart)
Veja neste artigo as principais IDEs para desenvolvimento Dart.
Ler artigo
## Um ano de acesso total para você viver de programação.
Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho.
- **1 ano** de acesso a **todos os cursos**
- Cursos novos **toda semana**
- Suporte **direto com professores**
- Plano de carreira **personalizado**
- **Certificados digitais** inclusos
- **Aplicativos** para Android e iOS, com **acesso offline**
**Garantia incondicional de satisfação**
Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro.
### Acesso completo a todos os cursos e dezenas de Formações.
12 meses
Economize R$ 840,00 54% OFF
de 12x R$ 129,00 por apenas
12x R$ 59,00
sem juros no cartão de crédito ou R$ 599,00 à vista
Oferta termina em **04h 42min 03s**
- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!
[Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26)
[ ](https://www.treinaweb.com.br)
Escola online de programação, tecnologia e IA.
- [ ](https://www.facebook.com/TreinaWeb/)
- [ ](https://www.instagram.com/treinaweb/)
- [ ](https://www.youtube.com/user/TreinaWeb)
- [ ](https://twitter.com/treinaweb)
- [ ](https://www.linkedin.com/company/treinaweb)
- [ ](https://github.com/treinaweb)
## Inscreva-se em nossa newsletter
Receba lançamentos, promoções e novidades.
Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se
## Cursos
- [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs)
- [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end)
- [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end)
- [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile)
- [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados)
- [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing)
- [ IA ](https://www.treinaweb.com.br/categoria/ia)
- [ E mais ](https://www.treinaweb.com.br/categoria/e-mais)
- [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos)
## Conteúdo
- [ Formações ](https://www.treinaweb.com.br/formacoes)
- [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos)
- [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto)
- [ Planos ](https://www.treinaweb.com.br#assinatura)
- [ Depoimentos ](https://www.treinaweb.com.br#depoimentos)
- [ Comunidade ](https://www.treinaweb.com.br#comunidade)
- [ Corpo docente ](https://www.treinaweb.com.br#docente)
## A empresa
- [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre)
- [ Perguntas frequentes ](https://www.treinaweb.com.br#faq)
- [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb)
- [ Cursos para empresas ](https://www.treinaweb.com.br/empresas)
- [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso)
- [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco)
- [ Artigos ](https://www.treinaweb.com.br/blog)
- [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers)
- [ Contato ](https://www.treinaweb.com.br/contato)
- [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade)
- [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso)
## Baixe nosso aplicativo
[ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile)
Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58