<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>RIA e PHP &#187; HTML5</title>
	<atom:link href="http://blog.lookatitude.com/tag/html5/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.lookatitude.com</link>
	<description>Desenvolvimento web, RIA, e muito mais</description>
	<lastBuildDate>Sun, 15 Jan 2012 06:47:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>HTML 5 e XHTML 5</title>
		<link>http://blog.lookatitude.com/html-5-e-xhtml-5</link>
		<comments>http://blog.lookatitude.com/html-5-e-xhtml-5#comments</comments>
		<pubDate>Mon, 13 Jul 2009 00:43:20 +0000</pubDate>
		<dc:creator>Miguel Pinto</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[XHTML5]]></category>

		<guid isPermaLink="false">http://blog.lookatitude.com/?p=10</guid>
		<description><![CDATA[Muito bem como todos sabem, ultimamente fala-se muito do HTML5, mas afinal o que é que trás de novo? quais as vantagens? Anteriormente falou-se também do XHTML 2 mas afinal acabou&#8230; e agora? Pois bem caros amigos vou tentar responder a estas questões da melhor maneira possivel. Começo pela segunda questão pois é a mais [...]]]></description>
			<content:encoded><![CDATA[<p>Muito bem como todos sabem, ultimamente fala-se muito do HTML5, mas afinal o que é que trás de novo? quais as vantagens?<br />
Anteriormente falou-se também do XHTML 2 mas afinal acabou&#8230; e agora?</p>
<p>Pois bem caros amigos vou tentar responder a estas questões da melhor maneira possivel.</p>
<p>Começo pela segunda questão pois é a mais simples de responder, o XHTML 2 acabou de vez é verdade, mas mesmo assim não se preocupem aqueles que estão habituados aos &#8220;coding Standards&#8221; do XHTML pois temos o XHTML 5. XHTML 5 ? o que é?<br />
É basicamente o o HTML5 mas com as mesmas restrições do strict XHTML 1.1, tem todas as funcionalidades do HTML 5 mas continua a exigir que todas as tags abertas sejam fechadas ex: <em>&lt;img /&gt;</em>, continua a ser possivel o uso de <em>namespaces</em>, e não são permitidos <em>document.write</em>, basicamente as regras são as mesmas que no XHTML 1.1, as funcionalidades são mais, mas já vamos falar nisso.</p>
<p>Convém no entanto relembrar que se desejarem servir paginas em puro XML elas não irão funcionar o IE.</p>
<p>Vamos então a segunda parte, o que é o HTML 5, o HTML 5 será a nova versão de HTML que deverá ser suportada por todos os browsers e equipamentos segundo a W3C até 2022, esta nova versão permite uma maior separação no código dos vários elementos principais de um site, inserção directa de áudio e vídeo, etc.<br />
Além de novas tags o HTML5 trás também um conjunto de novas API&#8217;s além do já muito conhecido DOM, são elas:</p>
<ul>
<li>A tag <em>canvas</em> para desenho de gráficos 2D em &#8220;<strong>Immediate mode</strong>&#8221; istosignifica que o simples facto de chamar a tag <em>canvas</em> fará com que o browser automáticamente renderize o seu conteudo como uma imagem do tipo bitmap.</li>
<li><em><strong>Timed media playback</strong></em>: fará com que elementos de vídeo e áudio sejam automaticamente reproduzidos.</li>
<li><em><strong>Offline Storage database</strong></em> ou <strong><em>DOM_Storage</em></strong>: isto permitirá guardar informações no browser em modo offline de forma a que possam ser usadas. Um pouco á semelhança do que fazemos com os coockies, mas com algumas diferenças chave, os coockies podem ser acedidos quer pelo lado do cliente quer pelo servidor, o DOM_Storage apenas poderá ser acedido pelo cliente, tem uma maior capacidade de armazenamento (5MB nos browsers com motor Mozilla, 10MB no Internet Explorer), não é enviado para o servidor via HTTP em todos os pedidos efectuados, e o servidor não pode escrever dados directamente no DOM_Storage do cliente. O DOM_Storage pode ser armazenado de 2 maneiras diferentes <em>Local</em> ou <em>Session </em>o que faz variar o seu alvo e durabilidade, sendo que nas <em>Sessions</em> assim que fechar a janela do browser, a <em>session</em> perde a sua validade.</li>
<li>Existe também uma API para <strong>edição de documentos</strong>.</li>
<li><strong>Drag and Drop</strong>: Sim é verdade suporte arrastar e largar através de uma API.</li>
<li>Envio de mensagens entre documentos, esta funcionalidade é bastante boa pois permite que possamos passar mensagens com informação sente 2 ou mais janelas.</li>
<li>Api para gestão de Históricos do browser, podemos andar com o estado de um documentos para trás e para a frente, mas até agora era apenas 1 estado anterior e um posterior, pois bem isso vai mudar, vamos poder retroceder numa aplicação para por exemplo 3 ecrãs atrás, bastante útil não?</li>
</ul>
<p>Bastante bom não é? vamos rapidamente ver algumas das novas tags exclusicas do HTML5 e XHTML5</p>
<ul>
<li><em><strong>&lt;article&gt;</strong></em></li>
<li><em><strong>&lt;aside&gt;</strong></em></li>
<li><em><strong>&lt;audio&gt;</strong></em></li>
<li><em><strong>&lt;bb&gt;</strong></em></li>
<li><em><strong> &lt;canvas&gt;</strong></em></li>
<li><em><strong>&lt;command&gt;</strong></em></li>
<li><em><strong>&lt;datagrid&gt;</strong></em></li>
<li><em><strong>&lt;datalist&gt;</strong></em></li>
<li><em><strong>&lt;details&gt;</strong></em></li>
<li><em><strong>&lt;dialog&gt;</strong></em></li>
<li><em><strong>&lt;embed&gt;</strong></em></li>
<li><em><strong>&lt;figure&gt;</strong></em></li>
<li><em><strong>&lt;footer&gt;</strong></em></li>
<li><em><strong>&lt;header&gt;</strong></em></li>
<li><em><strong>&lt;hgroup&gt;</strong></em></li>
<li><em><strong>&lt;mark&gt;</strong></em></li>
<li><em><strong>&lt;meter&gt;</strong></em></li>
<li><em><strong>&lt;nav&gt;</strong></em></li>
<li><em><strong>&lt;output&gt;</strong></em></li>
<li><em><strong>&lt;progress&gt;</strong></em></li>
<li><em><strong>&lt;ruby&gt;</strong></em></li>
<li><em><strong>&lt;rp&gt;</strong></em></li>
<li><em><strong>&lt;rt&gt;</strong></em></li>
<li><em><strong>&lt;section&gt;</strong></em></li>
<li><em><strong>&lt;source&gt;</strong></em></li>
<li><em><strong>&lt;time&gt;</strong></em></li>
<li><em><strong>&lt;video&gt;</strong></em></li>
</ul>
<p>Não vou neste momento descrever pormenorizadamente o que faz cada uma destas novas tags mas deixarei isso para futuros posts sobre este HTML5, onde irei descrever uma a uma estas tags e os seus atributos bem como os valores que aceitam.</p>
<p><strong>NOTA</strong>: Uma vez que o HTML5 ainda não está numa versão final e ainda está a sofrer alterações este artigo poderá ser actualizado sempre que se justifique de forma a manter uma maior paridade com o estado da linguagem.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lookatitude.com/html-5-e-xhtml-5/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 14/32 queries in 0.029 seconds using disk: basic
Object Caching 387/402 objects using disk: basic

Served from: blog.lookatitude.com @ 2012-02-06 19:49:32 -->
