A tecnologia move o mundo.
Steve Jobs
Lançado em 2014, o HTML5 trouxe uma série de novidades e funcionalidades aprimoradas em relação as suas anteriores versões, tornando-o mais rico em recursos, mais semântico e muito mais compatível com os diversos dispositivos de hardware, como celulares e tablets.
Foram incorporadas diversas tags semânticas que permitem estruturar o conteúdo de forma muito mais clara e de fácil leitura. Temos também disponíveis novos elementos gráficos, de conectividade e inserção de multimídia.
O salto dado em relação as versões anteriores tornou a linguagem muito mais poderosa e flexível para a criação de sites e aplicações web, permitindo a construção de experiências mais ricas para os usuários e tornando o desenvolvimento mais ágil do lado dos programadores. Veja também o nosso guia completo de HTML.
Vamos detalhar algumas das principais novidades incluídas na última versão do HTML. Claro que essa não é uma lista exaustiva, mas certamente vai destacar as principais funcionalidades e as que são mais utilizadas. Para saber ainda mais sobre as novas funcionalidades do HTML5, continue a leitura do nosso artigo.
Novas tags e atributos
As novas tags semânticas vieram para estruturar o conteúdo de forma muito mais significativa e aperfeiçoar a experiência da web tanto para os desenvolvedores como para os usuários1. Elas facilitam a leitura do código pelo navegador e a compreensão do significado do conteúdo pelos mecanismos de busca. Facilita também a maneira de desenvolver os documentos HTML.
Veja com maiores detalhes as principais tags e atributos semânticos do HTML5, que definem mais claramente cada parte de uma página web.
Esse elemento define uma seção do documento, que é um agrupamento temático de conteúdo. Podemos usar como exemplo a página de uma empresa em que consta um pouco sobre a empresa:
História da empresaConteúdo com a história completa da empresa, quando ela nasceu |
MissãoA missão da empresa |
VisãoA visão da empresa |
Valores
|
O exemplo acima seriam as seções principais do site com a descrição sobre a empresa e outros itens que acharem importantes para que os clientes conheçam um pouco mais sobre a história e a missão da sua empresa.
Dentro do seu documento HTML, o elemento
O elemento
O elemento HTML
APIs integradas
A versão 5 do HTML também viabilizou a utilização de diversos métodos e dispositivos de entrada e saída. Incluiu também a integração com várias APIs (Application Programming Interfaces) que estendem as funcionalidades para outros dispositivos móveis. Dentro dessas funcionalidades, podemos encontrar os APIs de geolocalização, armazenamento local e canvas.
Application Programming Interfaces são construções disponíveis em linguagens de programação que permite que os desenvolvedores criem funcionalidades mais facilmente, com uma sintaxe mais simples.
API de geolocalização
Foi introduzido no HTML5 a opção de informar a sua geolocalização (latitude e longitude) para o usuário do seu site, e assim ele ter acesso às coordenadas até a sua loja, por exemplo. Para que essa funcionalidade fique ativa, o usuário deve aprovar que o seu site tenha acesso a localização.
API de armazenamento local
O API Web Storege acessa a área de armazenamento local do navegador, armazenando os dados no lado do cliente, e estando sempre disponíveis quando o usuário for usar a página, fornecendo métodos de armazenamento e recuperação da informação de maneira rápida e prática.
API de canvas para gráficos
O elemento Canvas do HTML5 possui APIs que permitem gerar gráficos, animação e imagens com recursos bidimensionais3. Essa nova ferramenta permite criar elementos muito mais criativos, como uma linha do tempo, gráficos em 2D, animações simples e saídas funcionais. Pode ser usado para desenhar usando linguagem de script, sendo portanto necessário algum conhecimento também em JavaScript.
Esse elemento é suportado por todas as versões recentes da maioria dos navegadores. Tem apenas dois atributos - width e height. Se esses não forem especificados, será usado 300x150 pixels.
Veja outras ferramentas como a estilização de formulário com HTML e CSS.
Melhorias de multimídia
A melhorias relacionadas a multimídia do HTML5 viabilizam que sejam utilizados áudios, vídeos e iframes sem que seja necessário a utilização de plugins externos. Essas tags -
Loading...
