O HTML6 tá saindo do forno?

Introdução

Junto com o JavaScript e o CSS, o HTML completa a tríade que você muito provavelmente já teve que aprender no ínicio dos seus estudos.

Talvez isso não fique tão evidente para alguém, que assim como eu, começou a programar a pouco tempo, mas com a chegada do HTML5, em 2014, muita coisa mudou nessa linguagem marcação. Mas não para por aí, o HTML continua passando por mudanças e pode ganhar recursos que justifiquem uma mudança de nomenclatura para HTML6.

HTML6

Suportes a modais nativos

O elemento <dialog> está chegando com o HTML6. Ele é considerado o equivalente a modais desenvolvidos em JavaScript e já estão padronizados, mas apenas alguns navagores tem suporte total. Mas isso irá mudar, em breve ele será suportado em todos os navegadores.

Este elemento, em seu formato padrão, mostraria apenas o cursor sobre o local em que foi colocado, mas você pode abrir o modal usando um pouco de JavaScript.

<dialog>
  <form method="dialog">
    <input type="submit" value="Ok" />
    <input type="submit" value="Cancel" />
  </form>
</dialog>

Na forma padrão, o elemento cria um fundo cinza com conteúdo não interativo abaixo dele.

Um método pode ser usado nos formulários dentro do <dialog>, o que enviaria o valor e o passaria de volta para o próprio <dialog>.

No geral, essa tag se torna benéfica durante a interação do usuário e com uma melhora na interface.

Você pode alternar o atributo open para abrir e fechar o <dialog> no formulário HTML padrão.

<dialog open>
  <p>Component dialog aberto</p>
</dialog>

Liberdade para redimensionar imagens

Entusiastas do HTML6 acreditam que essa próxima atualização permitirá aos navegadores redimensionarem a imagem para uma melhor experiência de visualização.

Todo navegador tem dificuldade em renderizar o melhor tamanho de uma imagem em relação ao dispositivo e ao tamanho da tela e, infelizmente, as tags src e img não são muito eficazes para lidar com esse problema.

Esse problema seria resolvido por uma nova tag, a <srcset>, que facilita o trabalho do navegador de escolher entre mais de uma imagem.

Bibliotecas dedicadas

A introdução de bibliotecas utilizáveis no HTML6 com certeza seria um passo importante para melhorar a produtividade durante o desenvolvimento.

Menus customizados

As tags <ul> e <ol> apesar de bem úteis, deixam a desejar em alguns casos. Uma tag que posso lidar com elementos interativos seria uma ótima pedida.

Isso é o que motiva a criação da tag <menu>, que pode lidar com os elementos da lista acionados por botões.

<menu type="toolbar">
  <li><button>Cortar</button></li>
  <li><button>Copiar</button></li>
  <li><button>Colar</button></li>
</menu>

Então um <menu>, além de poder funcionar como uma lista normal, pode aprimorar os recursos de uma lista em HTML.

Câmera Integrada

O HTML6 nos permite usar a câmera e a mídia em nosso dispositivo de uma melhor maneira. Seríamos capazes de controlar a câmera, seus efeitos, modos, imagens panorâmicas, HDR e outras coisas.

Conclusão

Como eu disse no início do post, o HTML vem passando por constantes mudanças, e mesmo o Jeff Jaffe, CEO do World Wide Web Consortium, que tem jurisdição sobre a tecnologia, não pode garantir que essas mudanças implicarão em uma alteração na sua nomenclatura. Ainda assim, achei interessante trazer para vocês esses novos recursos e compartilhar um pouquinho da minha empolgação com essas possíveis atualizações.

Se vocês tiverem quaisquer sugestões ou dúvidas relacionadas ao tema, deixem aí nos comentários. E se quiserem saber da onde eu tirei esse conteúdo, é só visitarem esse site aqui

Comentários