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.
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>
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.
A introdução de bibliotecas utilizáveis no HTML6 com certeza seria um passo importante para melhorar a produtividade durante o desenvolvimento.
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.
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.
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