Choco la Design | Design é como chocolate, deixa tudo mais gostoso.

Conceitos básicos de HTML

O termo HTML significa Hypertext Markup Language, em portugês: Linguagem de Marcação de Hypertexto. Ou seja,é um conjunto de informações que englobam textos, palavras, imagens e sons. Em geral, é uma linguagem utilizada para o desenvolvimento de páginas para a Web. O acesso se dá através de hiperlinks. Atualmente, o HTML 4.01 é a versão mais utilizada.

Como surgiu o HTML5

No início de 2008 o W3C (grupo de empresas que coordenam padrões web)anunciou o HTML5, porém, em Abril de 2010, Steve Jobs publicou uma carta aberta, intitulada “Pensamentos em Flash”, no qual explicava os motivos dos produtos Apple não terem o Flash incluído, o que não vem ao caso, agora. Porém, o que chamou mais atenção foi o trecho em que citava sobre o HTML5:

Em vez de usar Flash, a Apple adotou HTML5, CSS e JavaScript – todos padrões abertos. Dispositivos móveis da Apple, todos os navios com alta performance, implementações de baixa potência destes padrões abertos. HTML5, o padrão novo web que tem sido adotado pela Apple, Google e muitos outros, permite que os desenvolvedores web criem gráficos avançados, tipografia, animações e transições sem depender de browser de terceiros plug-ins (como Flash). HTML5 é completamente aberto e controlado por um comitê de padrões, do qual a Apple é um membro.

É certo que a carta de Steve Jobs gerou muita polêmica e discussão, porém, temos que considerar muito o novo padrão HTML5 e começar a entendermos como ele trabalhará a nosso favor.

Principais características do HTML5

O HTML5 possui características que tornam fáceis o trabalho com multimídias e gráfica, sem recorrer a plugins e APIs de terceiros. Além disso, a semântica do conteúdo poderá ser trabalhada com novas definições sintáticas. É um grande candidato para aplicações em multiplataformas móveis.

• Mais semântica e menos código
• Interatividade sem plugins
• Novos elementos para os cabeçalhos, rodapés, menus, seções e artigos.
• Novos elementos de formulários, novos atributos, tipos de entradas e validação automática.
• Suporte completo ao CSS3.
• Uso de princípios de acessibilidade

Exemplo prático

Observe a imagem abaixo:

Essa imagem foi feita APENAS com códigos HTML5 e CSS3, nada mais! Surpreendente, não?!

Obstáculos do HTML5

É necessário ter consciência dos obstáculos que  o HTML5 enfrenta, como navegadores e tecnologias que não possuem suporte à linguagem ou que não a reconhecem, totalmente. Os browsers Chrome, Firefox 3.6, Internet Explorer 9, Safari 4 e Opera já possuem muitas implementações da linguagem. Desde Julho de 2011, o site HTML5Accessibility faz análise dos browsers e atualiza o suportes que os nagevadores vão realizando. Observa-se que o Firefox é o que tem a maior pontuação (325/370).

Caso o usuário não possua um navegador que dê suporte ao HTML5, uma mensagem é exibida ou pede-se que ele atualize a versão de seu browser.

Considerações finais

Iniciar os estudos em HTML5 é sim muito importante em momentos que as tecnologias estão cada vez mais avançadas. Mesmo com o suporte ainda não estabelecido, é algo que não levará muito tempo para que a linguagem se estabeleça 100% nos navegadores. Quando algo surge para facilitar o desenvolvimento e melhorar a acessibilidade, é a hora de começarmos a ação. E quem sabe, uma seção de tutoriais aqui no Choco la? E você, está pronto para o HTML5?

Links Interessantes

html5gallery.com: Galeria com sites desenvolvidos em HTML5.
html5accessibility.com: Indica a situação de suporte ao HTML5 dos navegadores.
html5doctor.com: Uma série de informações e artigos sobre o HTML5.
www.apple.com/html5 : Exemplos de aplicações do HTML5, inclusive o citado neste artigo.

Nota

Esse foi meu primeiro artigo aqui no Choco la Design. Espero que tenham gostado e se interessado pelo HTML5. É algo novo para todos, inclusive para mim, mas os estudos sobre esta linguagem estão aceleradíssimos. Não esqueça também de enviar sugestões de Web Design!

E aqui um agradecimento ao Filipe e Willian, pelo apoio e confiança.

Em caso de dúvidas, deixe seu comentário ou entre em contato thiago@chocoladesign.com. Ótima semana à todos!