HTML6: O que é isso e quando chega?

Quando podemos esperar HTML6? Bem, o WHATWG – o corpo de normas que conduz as mudanças na especificação do HTML – decidiu implementar uma abordagem de ‘documento vivo’ à padronização. Isto significa que o que nós chamamos de ‘HTML6’ é improvável que seja uma enorme atualização, mas provavelmente consistirá de pequenas mudanças na especificação que acontecem mais frequentemente.

No entanto, as especificações HTML estão sendo revisadas e melhoradas o tempo todo. Vendedores de navegadores estão sempre ocupados implementando as últimas funcionalidades a serem lançadas em todo o mundo, o que significa que sempre temos coisas novas para experimentar (talvez ao lado de experimentar um dos melhores construtores de websites). Há mudanças no seu caminho que vale a pena notar – leia para dois game-changers.

Apesar de estar aqui, você também pode querer explorar o nosso guia para iniciantes em tags HTML, ou navegar pela nossa escolha das melhores APIs HTML. Além disso, para mais melhorias no seu processo, certifique-se de que seu serviço de hospedagem web é perfeito para você, e que todas as suas mídias tenham backups seguros em uma opção de armazenamento na nuvem superior.

Modais nativos

Uma mudança fazendo seu caminho em navegadores é o elemento <dialog>. Isto age como um equivalente nativo das janelas modais alimentadas por JavaScript, que são um padrão de design comum em muitos sites.

<dialog open> <p>This is a HTML-powered dialog box.</p></dialog>

Pode ser aberto e fechado através da alternância do atributo aberto. Por padrão, ele mostrará pairando acima de onde foi colocado na página. Chamando seu método openModal através do JavaScript, então utilizará uma interface mais familiar do tipo modal.

Por padrão, o fundo fica cinza para fora e o conteúdo abaixo dele não é mais interativo.

<dialog> <form method="dialog"> <input type="submit" value="Yes" /> <input type="submit" value="No" /> </form></dialog>

Forms dentro de um diálogo modal pode ter um atributo de método de diálogo, que irá submeter o valor e passar o valor de volta para o próprio objeto de diálogo. Isto torna <dialog> uma grande ferramenta para confirmar ações ou outras pequenas interações.

O elemento é padronizado, e atualmente, apenas os navegadores de Internet Chrome e Samsung têm suporte total. Aqueles que não possuem ainda mostrarão o conteúdo de um diálogo, mas ele será colocado dentro da página em vez disso.

Menus mais inteligentes

Algumas aplicações web permitem aos usuários realizar grupos de ações dentro de sua interface. Elas afetariam a página atual de alguma forma, como adicionar um item a uma lista.

Anteriormente estas seriam marcadas como <ul> – uma lista não ordenada de ações que um usuário poderia tomar. Enquanto o <ul> é destinado a uma lista de itens de exibição, ele não é mais adequado para elementos interativos.

<menu type="toolbar"> <li><button>Cut</button></li> <li><button>Copy</button></li> <li><button>Paste</button></li></menu>

Um menu contém um conjunto de ações, que seriam acionadas por <button> elementos dentro deles. Fora isso, o elemento <menu> não age de forma diferente de uma lista habitual de itens. À medida que a adoção do navegador melhora, pode ajudar as tecnologias de assistência a encontrar mais facilmente esses elementos interativos.

Existem muitas mudanças menores que aparecem constantemente na especificação e que se transformam em navegadores. Fique de olho nas páginas de atualização de cada navegador e dê uma olhada no padrão de vida WHATWG.

Esta informação apareceu originalmente na revista Web Designer. Explore todos os artigos do Web Designer no CB.

• 8 tags HTML que você precisa usar (e 5 para evitar)
• Como unificar seu UX através de plataformas
• 16 deslumbrantes websites de rolagem paralela

Notícias recentes

{{ articleName }}