HTML 5: março 2011

domingo, 27 de março de 2011

HTML 5 é vantagem no Internet Exprorer 9

O HTML 5 é um dos temas mais comentados atualmente. Provavelmente essa nova linguagem de programação estará presente em toda a internet em um futuro próximo. Em simples palavras, o HTML fará com que os sites se comportem de maneira similar aos próprios aplicativos desenvolvidos para web (como jogos e aplicativos de redes sociais, por exemplo).

Os demais navegadores do mercado também já vinham incorporando os novos padrões de programação em seu desenvolvimento, mas agora com o Internet Explorer 9 a Microsoft passou a liderar essa discussão ao lado do instituto W3C, que testa e valida oficialmente todas essas novidades.

Enquanto que milhares de padrões e recursos novos vem sendo usados pelos navegadores do mercado, o Internet Explorer 9 incorporou apenas aqueles homologados pelo instituto, para evitar retrabalho da comunidade técnica ao incorporar e abandonar recursos abrindo brechas de segurança aos usuários. Por essas e outras foi eleito o browser mais seguro do mercado segundo o instituto de pesquisa NSS Labs.

Benefícios do HTML 5

Vídeo H.264: Através do HTML 5 os sites podem reproduzir vídeos sem que o usuário tenha que instalar nenhum plugin. É provável que o HTML 5 acabe com o Flash no futuro, oferecendo sites mais interativos e menos pesados.

Áudio: O HTML 5 permite que sites incorporem áudio sem a necessidade de plugin, da mesma maneira que acontece com os vídeos. O Internet Explorer 9 agora suporta os formatos MP3 e AAC, ampliando as possibilidades dos sites desenvolvidos em HTML5.

SVG: Este recurso permite que os usuários ampliem, ou reduzam as imagens, sem que elas percam a qualidade. No Internet Explorer 9 elas são exibidas como vetores e não como imagens, garantindo imagens mais vivas e bem definidas.

CSS3: O CSS é a maneira pela qual a Internet é formatada. O IE9 tem o suporte ao CSS 3 mais padronizado que inclui seletores, cores, valores, planos de fundo, fontes e bordas. Resumindo, é uma ótima escolha para os desenvolvedores e oferece uma plataforma completa de soluções e suporte.

sexta-feira, 25 de março de 2011

Não é apenas um exibidor de paginas

Com a chegada do HTML 5, o gerente de projetos ainda destaca a oferta de interfaces de programação de aplicações (APIs, na sigla em inglês) para o desenvolvimento de aplicações no browser como acesso offline, recursos gráficos 2D – por meio da tecnologia Canvas - e para áudio e vídeo. “Elas vêm para quebrar o paradigma de que o browser é simplesmente um ‘exibidor de páginas’”, afirma.

"O HTML 5 oferece uma experiência de web mais rica para usuários e ferramentas adicionais a desenvolvedores, que podem criar aplicações mais complexas com base em um conjunto de padrões abertos", explica Alejandro Villanueva, responsável pelo relacionamento com comunidades de desenvolvedores do Google na América Latina, em entrevista ao IDG Now!.

quinta-feira, 24 de março de 2011

Tags Existentes e tags que foram removidas do HTML 5

Tags linguagem HTML

Tag	Description
<!--...-->	Define um comentário
<!DOCTYPE>	Define o tipo de documento
<a>	Define um hiperlink
<abbr>	Define uma abreviação
<acronym>	Não suportado em HTML5.
<address>	Define um elemento de endereço
<applet>	Não suportado em HTML5.
<area>	Define uma área dentro de um mapa de imagem
<article>New	Define um artigo
<aside>New	Define o conteúdo, além do conteúdo da página
<audio>New	Define o conteúdo de som
<b>	Define o texto em negrito
<base>	Define uma URL base para todos os links em uma página
<basefont>	Não suportado em HTML5.
<bdo>	Define a direção da exibição do texto
<big>	Não suportado em HTML5.
<blockquote>	Define uma citação longa
<body>	Define um elemento do corpo
<br>	Insere uma quebra de linha única
<button>	Define um botão
<canvas>New	Define gráficos
<caption>	Define uma legenda da tabela
<center>	Não suportado em HTML5.
<cite>	Define uma citação
<code>	Define o texto do código de computador
<col>	Define atributos para as colunas da tabela
<colgroup>	Define os grupos de colunas da tabela
<command>New	Define um botão de comando
<datalist>New	Define uma lista suspensa
<dd>	Define a descrição de uma definição
<del>	Define o texto excluído
<details>New	Define detalhes de um elemento
<dfn>	Define um termo Definição
<dir>	Não suportado em HTML5.
<div>	Define uma seção em um documento
<dl>	Define uma lista de definição
<dt>	Define um termo Definição
<em>	Define o texto enfatizado
<embed>New	Define o conteúdo interativo ou plugin externo
<fieldset>	Define um conjunto de campos
<figcaption>New	Define a legenda de um elemento de valor
<figure>New	Define um grupo de conteúdo de mídia, e sua legenda
<font>	Não suportado em HTML5.
<footer>New	Define um rodapé de uma seção ou página
<form>	Define um formulário
<frame>	Não suportado em HTML5.
<frameset>	Não suportado em HTML5.
<h1> to <h6>	Define o cabeçalho de um cabeçalho de 6
<head>	Define informações sobre o documento
<header>New	Define um cabeçalho de uma seção ou página
<hgroup>New	Define informações sobre uma seção em um documento
<hr>	Define uma linha horizontal
<html>	Define um documento HTML
<i>	Define o texto em itálico
<iframe>	Define uma janela de sub inline (frame)
<img>	Define uma imagem
<input>	Define um campo de entrada
<ins>	Define o texto inserido
<keygen>New	Define uma chave gerada de forma
<kbd>	Define o texto do teclado
<label>	Define um rótulo para um controle de formulário
<legend>	Define um título em um fieldset
<li>	Define um item de lista
<link>	Define a referência a um recurso
<map>	Define um mapa de imagem
<mark>New	Define o texto marcado
<menu>	Define uma lista de menu
<meta>	Define meta-informação
<meter>New	Define a medição dentro de um intervalo pré-definido
<nav>New	Define links de navegação
<noframes>	Não suportado em HTML5.
<noscript>	Define uma seção noscript
<object>	Define um objeto incorporado
<ol>	Define uma lista ordenada
<optgroup>	Define um grupo de opção
<option>	Define uma opção em uma lista drop-down
<output>New	Define alguns tipos de saída
<p>	Define um parágrafo
<param>	Define um parâmetro para um objeto
<pre>	Define o texto pré-formatado
<progress>New	Define o progresso de uma tarefa de qualquer tipo
<q>	Define uma citação curta
<rp>New	Usado em anotações de rubi para definir o que mostrar navegadores que não suportam o elemento de rubi.
<rt>N	Define a explicação ruby anotações.
<ruby>New	ruby anotações Define
<s>	Define o texto que não é mais correto
<samp>	Define o código de computador de amostra
<script>	Define um script
<section>New	Define uma seção
<select>	Define uma lista selecionável
<small>	Define texto pequeno
<source>New	Define os recursos de mídia
<span>	Define uma seção em um documento
<strike>	Não suportado em HTML5.
<strong>	Define texto forte
<style>	Define uma definição de estilo
<sub>	Define o texto subscrito
<summary>New	Define o cabeçalho de um "detalhe" elemento
<sup>	Define o texto sobrescrito
<table>	Define uma tabela
<tbody>	Define o corpo de uma tabela
<td>	Define uma célula de tabela
<textarea>	Define uma área de texto
<tfoot>	Define o rodapé de uma tabela
<th>	Define o cabeçalho de uma tabela
<thead>	Define o cabeçalho de uma tabela
<time>New	Define uma data / hora
<title>	Define o título do documento
<tr>	Define uma linha de tabela
<tt>	Não suportado em HTML5.
<u>	Não suportado em HTML5.
<ul>	Define uma lista não ordenada
<var>	Define uma variável
<video>New	Define um vídeo
<wbr>New	Define uma possível quebra de linha
<xmp>	Não suportado em HTML5

Tag que foram inclusas e exclusas

Clique para aumentar