Marcus Antonius » html
 
3

Diferença entre HTML 4 e HTML 5

Postado por Marcus Antonius - 18 set, 2009. em html

Continuando o tema de terça-feira, resolvemos exemplificar as diferenças entre o html 5 e o html 4 e vocês verão que não existem grandes diferenças e que os novos elementos só vieram para facilitar.

Por exemplos, vamos ver uma simples página de um blog, com o cabeçalho na parte superior, o rodapé na parte inferior, alguns posts, uma seção de navegação, e uma barra lateral, com mostra o código abaixo:

 
 
 
<div id="page">
 
<div id="header">
 
<h1><a href="http://marcusantonius.info">Marcus Antonius: Web versão Beta</a></h1>
</div>
 
 
<div id="container">
 
<div id="center" class="column">
 
<div id="post-102" class="post">
 
<h2><a href="/page-test-2/">
Page Test 2</a></h2>
 
 
<div class="entry">
 
Texto Aqui</div>
</div>
 
 
<div id="post-101" class="post">
 
<h2><a href="/page-test/">
Teste 1</a></h2>
 
 
<div class="entry">
 
Texto Aqui</div>
</div>
</div>
 
 
<div class="navigation">
 
<div class="alignleft">
<a href="/blog/page/2/">« Posts antigos</a></div>
 
 
</div>
</div>
 
 
<div id="right" class="column">
 
<ul id="sidebar">
 
	<li>
 
<h2>Informações</h2>
 
 
<ul>
 
	<li><a href="/contato">contato</a></li>
 
 
	<li><a href="/curriculo/">curriculo</a></li>
 
</ul>
</li>
 
 
	<li>
 
<h2>Arquivos</h2>
 
 
<ul>
 
	<li><a href="/blog/2009/04/">Abril 2009</a></li>
 
 
	<li><a href="/blog/2009/03/">Março 2009</a></li>
 
 
	<li><a href="/blog/2009/02/">Fevereiro 2009</a></li>
 
 
	<li><a href="/blog/2009/01/">Janeiro 2009</a></li>
 
</ul>
</li>
 
</ul>
</div>
 
 
<div id="footer">Marcus Antonius: Web versão Beta © 2009</div>
</div>

Aqui a mesma página nas regras da W3C para o HTML 5:
Leia mais…

Post to Twitter

Tags:,

 
2

O HTML 5 já está entre nós

Postado por Marcus Antonius - 11 ago, 2009. em html

A próxima geração da principal linguagem da web já está dando as caras, com exemplos que mostram que a próxima geração dos sites serão muito mais acessíveis, animados e bonitos graças ao HTML 5. Este exemplo do HTML 5 é sensacional. Parece, a primeira vista que foi feito com o Flash ou Silverlight mas é puro HTML.

Uma vantagem é que o HTML é uma linguagem livre, e você pode ver como foi feito este exemplo através do código fonte.

Lembrando que você precisa ter o Safari 4, Firefox 3.5 ou Opera 10 para executá-lo de forma correta.

fonte: Proffisionais da Web

Post to Twitter

Tags:, ,

Copyright © 2010 Marcus Antonius All rights reserved.
Portfólio | Currículo | Contato | Twitter | RSS