Doze recursos que os desenvolvedores esperam do próximo HTML6
Publicados: 2017-01-17HTML5 tem o sucesso fenomenal entre os desenvolvedores. Ele facilitou os desenvolvedores na organização do conteúdo de maneira mais relevante com as novas tags como <article>
, <section>
, <header>
etc.
Os desenvolvedores desfrutam da liberdade de usar o atributo type de tags como <link>
e <script>
. Embora o HTML5 tenha trazido uma mudança de paradigma na programação da web, ele tem limitações no desenvolvimento de aplicativos nativos na web e alguns outros problemas.
Como desenvolvedor, você sempre deseja oferecer soluções Web eficazes e eficientes, e espera-se que o HTML6 o ajude a atingir esse objetivo. Portanto, desenvolvedores de todo o mundo estão ansiosos para adotar o HTML6. É interessante ver como os recursos esperados do HTML6 mudariam o domínio do desenvolvimento web.
Aqui estão algumas das expectativas mais populares da comunidade de desenvolvedores para o próximo HTML6:
Etiquetas Expressas
O HTML6 provavelmente facilitará os desenvolvedores com tags expressas. Você pode usar <logo></logo>
para atribuir um logotipo à página da web. Da mesma forma, as tags <sidebar></sidebar>
e <navigation></navigation>
integrarão a barra lateral e a navegação, respectivamente.
Além disso, a tag <div>
pode ser usada sem usar vários IDs. Por exemplo, você pode simplesmente usar <container>
ou <wrapper>
em vez de escrever <div id='container'>
e <div id='wrapper'>
.
Espaços de nomes semelhantes a XML
Espera-se que o HTML6 venha com namespaces da estrutura do tipo XML. Esses namespaces ajudarão os desenvolvedores a usar a mesma tag sem nenhum conflito com outra tag. Em outras palavras, o HTML6 oferecerá a vantagem de usar as tags desejadas além das tags definidas.
Documento HTML6
[xhtml]
<!DOCTYPEhtml>
<html:html>
<html:cabeça>
<html:title>Uma análise do HTML6</html:title>
<html:meta type="title" value="Page Title">
<html:meta type="description" value="Exemplo HTML com namespaces">
<html:link src="css/mainfile.css" title="Estilos" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:head>
<html:corpo>
<cabeçalho>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<nav>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</header>
<conteúdo>
<artigo>
<h1>Título do artigo principal</h1>
<h2>Subtítulo do artigo principal</h2>
<p>[…]</p>
<p>[…]</p>
</article>
<artigo>
<h1>O conceito de HTML6</h1>
<h2>Compreendendo o básico</h2>
<p>[…]</p>
</article>
</content>
<rodapé>
<copyright>Este site é © para Anonymous 2017</copyright>
</footer>
</html:corpo>
</html:html>
[/xhtml]
Neste documento, temos algumas tags <html: x>
estranhas. Eles são os elementos com namespace pertencentes às especificações W3C e HTML6 e são úteis para acionar eventos do navegador. Por exemplo, o <html: title>
mudará a barra de título do navegador e o <html: media>
ajudará a imagem definida a aparecer na tela do navegador. Esses elementos não têm nada a ver com o navegador. Eles podem permitir que os desenvolvedores tornem o código de amostra mais semântico.
Controle de objeto de vídeo adicional
HTML6 vai oferecer mais controle sobre o objeto de vídeo para melhorar a experiência de vídeo para os usuários. Embora os desenvolvedores não possam se livrar do codec de compactação, eles podem ajustá-lo com diferentes algoritmos de compactação.
Espera-se mais controle sobre a pintura de quadros de vídeo em uma página, juntamente com melhores ganchos de retorno de chamada e mecanismos de sincronização. Também podemos esperar a capacidade de misturar DOM com vídeo na próxima versão HTML.
[xhtml]
<! – Exemplo de vídeo simples –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Desculpe, seu navegador não suporta vídeos incorporados, mas não se preocupe, você pode <a href="videofile.webm">baixar</a> a> e assista com seu player de vídeo favorito!
</video>
<! – Vídeo com legendas –>
<video src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">
<track kind="subtitles" src= "foo.sv.vtt" srclang="sv" label="Svenska">
</video>
[/xhtml]
Bibliotecas dedicadas e ricas
JQuery transformou o mundo do JavaScript em relação às bibliotecas padrão. O próximo padrão de HTML poderia surgir com bibliotecas garantidas distribuídas com o navegador. Isso economizaria mais tempo ao atualizar a versão em cache do jQuery 1.9. Em outras palavras, a versão em cache das bibliotecas está prestes a chegar. Se muitos designers usarem uma biblioteca específica, ela poderá ser distribuída com o navegador em uma nova versão HTML6.

Anotação aprimorada
A anotação não deve se limitar às seções de comentários na base dos artigos. Uma estrutura padrão pode adicionar anotações para parágrafos, frases e palavras. Até imagens e momentos dentro do vídeo também podem ser anotados em uma versão sofisticada. A padronização da API permite que todos os sites e navegadores tratem as anotações básicas da mesma maneira. Opções de anotação aprimoradas são aguardadas pela comunidade de desenvolvedores.
Integração de câmeras
A câmera desempenha um papel vital em nossas interações em casa e no escritório. Espera-se que o HTML6 permita todo o conteúdo de mídia em nossos dispositivos de várias maneiras. Poderia oferecer mais controle sobre a câmera no navegador, formulários ou outros sistemas. A captura de imagem, filtragem on-the-fly, efeitos de câmera são alguns dos aspectos que podem ser abordados. Outra possibilidade é permitir vários formatos para vídeo e fotografia, facilitando a criação de imagens panorâmicas e HDR.
Autenticação mais difícil
O navegador poderia oferecer mais quando se trata de autenticação. Por exemplo, em vez de usar cookies, o navegador pode oferecer a assinatura de tokens com chaves incorporadas que podem ser armazenadas em chips reforçados. Impede que as pessoas (leia-se: hackers) obtenham acesso através da chave secreta. A API pode ser adicionada ao navegador para permitir que sites solicitem melhores assinaturas digitais. De certa forma, a autenticação pode se tornar mais forte para aumentar a segurança.
Microformatos
Detalhes comuns como partes de um endereço ou um número de telefone podem ser especificados usando uma forma padrão chamada microformatos em HTML6. Poderíamos obter uma resposta rápida de rastreadores da Web e mecanismos de pesquisa com um conjunto padrão de tags. Os desenvolvedores podem usar marcações mais abrangentes para locais, datas, horas, bibliografias e todas as formas de dados padrão para criar informações detalhadas. Também podemos esperar códigos de telefone específicos do país. Os desenvolvedores também buscam flexibilidade na alteração do formato de data. No momento, é definido por padrão com o dos EUA. De certa forma, os microformatos se tornariam mais fortes e flexíveis em HTML6.
Pré-processadores
Pré-processadores conectáveis podem ser integrados ao HTML6 para converter linguagens em JavaScript. Hoje, Lisp, Python, Ruby, Erlang, Scala e muitas outras linguagens podem ser compiladas em JavaScript, e a próxima versão HTML pode trazer um pré-processador para atender a esse objetivo. Quando qualquer uma dessas linguagens é compilada em JavaScript, ela produz uma versão menor que pode ser prontamente canalizada pela Internet. HTML5 é uma versão geral do JavaScript que dificulta a otimização do código para a máquina local.
Idiomas conectáveis
Não podemos descartar a chegada de um conjunto de idiomas conectáveis com a próxima versão do HTML. Isso aumentaria a flexibilidade e ofereceria mais opções de design para os desenvolvedores. Embora o JavaScript possa continuar em uma base ampla, extensões especializadas com uma linguagem especializada podem surgir no futuro. Os desenvolvedores também querem tags HTML que possam gerar vários códigos para atender às demandas.
Dimensionamento automatizado de imagens por navegador
A aparência de uma imagem depende de vários aspectos, como o tipo de dispositivos e o tamanho da janela. A tag padrão <img>
do HTML tem apenas um SRC que pode incomodar o navegador ao exibir uma imagem. No entanto, um protocolo HTML melhor poderia sugerir uma largura ou altura desejada para uma imagem, e o servidor poderia fornecer a resolução ideal. De certa forma, o dimensionamento de imagens do navegador está prestes a vir em HTML6.
Acesso seguro às informações de contato
As pessoas ou visitantes geralmente desejam obter um endereço de e-mail ou um número de contato para o banco de dados de seus dispositivos. Agora, eles podem fazer isso com recortar e colar. Espera-se que o JavaScript salve as pessoas desse corte e colagem na nova versão do HTML6. Nos dispositivos móveis, a interface pode oferecer um acesso protegido para informações de contato das pessoas.
Conclusão
Isso não é tudo. Os desenvolvedores querem que o HTML6 torne a validação de formulários personalizável. No momento, ele vem por padrão e não pode ser alterado. Além disso, no mundo móvel, a próxima versão HTML pode fornecer um recurso de rastreamento de localização usando GPS em um navegador móvel. Algumas outras ideias de recursos incluem suporte a Bluetooth, proteção integrada contra malware e capacidade de transferir arquivos de ponto a ponto, etc. também estão no pipeline para o próximo HTML6.
O palco está montado para HTML6. Vamos esperar até que chegue a última versão que pode trazer a mudança radical no processo de desenvolvimento web.
Feliz Desenvolvimento Web!