Podcast Canção Nova

Layout que fiz para ser utilizado na administração e pelos moderador do podcast Canção Nova

Mais detalhes e informações veja no blog da equipe de internet da CN

http://blog.cancaonova.com/artificeweb/podcast-cancao-nova/

Algumas novidades sobre o HTML 5

Não sei quando os browser iram implementar , mas o HTML 5 tem novidades para facilitar nosso trabalho e melhorar a semântica dos documentos.
Vou listar o que achei mais significativo:

Mudança no modelo de conteúdo, os elementos block deveram conter em sua raiz um elemento in-line ou um block , mas não ambos .

Este é um exemplo do que será permitido:

<div>
<p><em>…</em></p>
</div>

mas isto não :

<div>
<p>…</p>
<em>…</em>
</div>

Novos elementos introduzidos

Alguns para melhorar a estrutura dos documentos, como:

• section : poderá ser utilizado junto com H1-H6 para indicar a estrutura do documento
• article : representa um pedaço independente de um conteúdo ou documento, como o post de um blog ou um artigo
• aside: um trecho de conteúdo q tem pouco relacionamento com o resto do conteúdo
• header: cabeçalho de uma seção
• footer: o rodapé de uma seção , e pode ter informações sobre o autor,copyright, etc…
•  nav: para ser utilizado como menu de navegação
•  dialog: pode ser utilizado para marca um dialogo
• figure: pode ser utilizado para adicionar titulo em gráficos e videos

<figure>
<img src=’teste.jpg’/>
<legend>Example</legend>
</figure>

e outro elementos como :

•  progress: representa o status de uma tarefa

e o elemento input tem mais attributos:

•  datetime
•  datetime-local
•  date
•  month
•  week
•  time
•  number
•  range
•  email
•  url

A intenção deste novos atributos para o input é de melhorar a comunicação com o browser, por exemplo no auto preenchimento dos formulários

Novos atributos:

• autofocus: para o elemento imput, como pode se imaginar é para focar o elemento após o carregamento da página
• require: para o elemento input, para indicar que o campo precisa ser preenchido antes do formulário ser enviado
• inputmode: dá uma dica (hint) ao user sobre qual tipo de resposta se espera
• autocomplete
• draggable

Um dos atributos quem não será mais padrão e o rev  para o elemento link e charset, mas utilizamos esse atributo com microformats que talvez sofra modificações por causa disto

No dom, getElementsByClassName foi adicionada e innerHTML agora é padrão

As mudanças não são grandes e muito do que ele propõe já é feito com javascript, mas quando utilizarmos HTML 5 certamente iremos precisar de menos javascript

fonte : HTML5 differences from HTML4