HTML 5 inaugura uma nova era no desenvolvimento de páginas para a internet
-
1º Novos elementos
Vários novos elementos foram introduzidos no HTML 5, todos com a finalidade de facilitar a compreensão e a manutenção do código. Alguns são uma evolução natural do elemento <div> com foco na semântica; outros surgiram da necessidade de padronizar a maneira de se publicar conteúdo, como acontece hoje com as imagens. Os principais elementos dessa nova versão são:
-
Elementos de estrutura:
<header> – cabeçalho da página ou de uma seção (não confundir com a tag <header>);
<section> Рcada se̤̣o do conte̼do;
<article> – um item do conteúdo dentro da página ou da seção;
<footer> – o rodapé da página ou de uma seção;
<nav> – o conjunto de links que formam a navegação, seja o menu principal do site ou links relacionados ao conteúdo da página;
<aside> Рconte̼do relacionado ao artigo (como arquivos e posts relacionados em um blog, por exemplo).
Tabela de Estrutura de Página do HTML5
Elementos de conteúdo
<figure> – usado para associar uma legenda a uma imagem, vÃdeo, arquivo de áudio, objeto ou iframe:
<figure id=”figura01″>
<legend>Figura 1. Esquema de uma página em HTML 5</legend>
<img src=”html5.png” border=”0″ width=”200″ height=”300″ alt=”Como fica a estrutura de uma página escrita com os novos elementos do HTML 5″ />
</figure>
-
<canvas> – através de uma API gráfica, irá renderizar imagens 2D dinâmicas que poderão ser usadas em jogos, gráficos, etc;
<audio> e <video> – usados para streaming (transmissão pela internet) de áudio e vÃdeo. É uma tentativa de criar um padrão em todos os navegadores como acontece hoje com as imagens:
<audio src=”musica.mp3″ autoplay=”autoplay” loop=”20000″ />
<video src=”video.mov” width=”400″ height=”360″ />
-
<dialog> – junto com as tags <dt> e <dd> será usado para formatar um diálogo:
<dialog>
<dt> Michael, você nunca me disse que sua famÃlia conhecia Johnny Fontane!
<dd> Ah, claro, deseja conhecê-lo?
<dt> Sim!
<dd> Você sabe, meu pai ajudou muito o Johnny em sua carreira.
<dt> Sério? Como?
<dd> …Vamos ouvir essa canção.
</dialog>
<time> – representa data e/ou hora;
<meter> Рusada para representar medidas, que podem ser de dist̢ncia, de armazenagem em disco, etc.
Elementos retirados do HTML 5
Alguns elementos não existirão mais no HTML 5. Alguns foram retirados porque sua função é puramente visual, e devem ser substituÃdos por uma declaração no CSS (Cascading Style Sheets), como: <basefont>, <big>, <center>, <font>, <s>, <strike>, <tt> e <u>. Outros foram retirados porque afetam negativamente a acessibilidade do site: <frame>, <frameset> e <noframes>.
-
Apesar de serem considerados antigos, <b> e <i> ainda serão reconhecidos e renderizados para fins de formatação, mas devem ser substituÃdos sempre que possÃvel pelos elementos <strong> e <em>, respectivamente.
-
Também foram retirados alguns atributos, seja porque caÃram em desuso ou porque podem ser substituÃdos semanticamente por declarações no CSS para definir o visual dos elementos. Os principais atributos retirados são:
- * target no elemento <a>;
- * align nos elementos <table> e demais tags de tabelas, <iframe>, <img>, <input>, <hr>, <div>, <p>, entre outros;
- * background em <body>;
- * bgcolor nos elementos de tabela e no <body>;
- * border em <table> e <object>;
- * cellpadding e cellspacing em <table>;
- * height em <td> e <th>;
- * width nos elementos <hr>, <table>, <td>, <th> e <pre>;
- * hspace e vspace em <img> e <object>;
- * noshade e size em <hr>.
Bem no momento é isso .. estaremos em breve colocando ainda mais conteúdo sobre HTML 5.
Obrigado ao Wikipédia pelas referências e ao portal Infowester.
Artigos
Comentários
Comentários
Faltou a tag <menu> RT: @rafaeldesigner: HTML 5: A Evolução da WWW para nova internet: HTML 5 inaugura uma nova era… http://goo.gl/fb/jmDqo
[Responder ao Comentário]
Rafael Designer HTML 5: A Evolução da WWW para nova internet: Neste artigo veremos as novidades que o HTML 5 traz…. http://bit.ly/bJ01Ud
[Responder ao Comentário]
RT @rafaeldesigner: HTML 5: A Evolução da WWW para nova internet: Neste artigo veremos as novidades que o HTML 5 traz. Para quem está … http://bit.ly/bJ01Ud
[Responder ao Comentário]
HTML 5: A Evolução da WWW para nova internet – Neste artigo veremos as novidades que o HTML 5 traz. Para quem está s… http://ow.ly/197j0n
[Responder ao Comentário]
RT @contatow2pod: HTML 5: A Evolução da WWW para nova internet – Neste artigo veremos as novidades que o HTML 5 traz. Para quem está s… http://ow.ly/197j0n
[Responder ao Comentário]
HTML 5: A Evolução da WWW para nova internet: http://bit.ly/hXG7GD via @rafaeldesigner
[Responder ao Comentário]
RT @rafaeldesigner: HTML 5: A Evolução da WWW para nova internet: http://bit.ly/hXG7GD #html5 #w3c #html
[Responder ao Comentário]
RT @rafaeldesigner: HTML 5: A Evolução da WWW para nova internet. Saiba mais aqui: http://t.co/1D3FrNCF #postantigo #robots #blog
[Responder ao Comentário]
Rafael , tudo bem. Então preciso urgente de uma estrutura para centralizar o site nos quatro cantos da página ( topo , base, esq e direita), ou seja o site no centro da página,mas com o HTML 5 e CSS3, se puder me ajudar ficaria muito grato, concerteza. Pode responder no email ,por favor: nelsonhelp@gmail.com
[Responder ao Comentário]