Novos elementos em HTML 5

Na minha opinião, o HTML 5 é uma solução de compromisso. Embora não seja radical, pode promover o progresso contínuo da tecnologia. Não há namespaces, os elementos não precisam ser fechados (o que não é uma vantagem, é claro) e os navegadores podem lidar com alguns erros com tolerância. Tudo segue as práticas do HTML 4 do século passado. Quando se trata de renderização de HTML, os navegadores estão presos nos níveis de 1999. Para tanto, o HTML 5 é uma solução pragmática, que não só pode continuar a processar HTML que está espalhado por todos os cantos do mundo há tantos anos, mas também torna mais fácil para os fabricantes de navegadores adicionarem novos recursos. Isso é chamado de degradar graciosamente. Vamos dar uma olhada em alguns dos novos elementos adicionados pelo HTML 5.

Elementos estruturais

Este é um verdadeiro prazer. Atualmente, só podemos definir a estrutura através de uma div "universal", tentando expressar o cabeçalho, inferior ou barra lateral respectivamente definindo o valor do seu id de atributo como cabeçalho, rodapé, barra lateral, etc. Com eles, os criadores de código não precisam mais se preocupar em nomear IDs, o que traz mais benefícios semânticos para telefones celulares, leitores e outros dispositivos. HTML 5 adiciona novos elementos estruturais para expressar estas estruturas mais comumente usadas:

seção: pode expressar uma parte ou capítulo de um livro, ou uma seção dentro de um capítulo

header: O cabeçalho no corpo da página. Não é um elemento principal

rodapé: a parte inferior da página (rodapé), que pode ser o local de uma assinatura de e-mail

nav: uma coleção de links para outras páginas

artigo: Um registro independente em um blog, revista, compêndio, etc.

Por exemplo, a página inicial de um blog, escrita em HTML 5, poderia ter esta aparência (com algumas omissões):

O elemento m é usado para marcar algum texto que não requer ênfase. Ainda é controverso e pode eventualmente ser alterado para marcar.

O elemento tempo, como o próprio nome sugere, é usado para expressar o tempo. Requer um recurso de data e hora para indicar uma hora que a máquina pode reconhecer, como:

<time datetime="2008-08-08T20:08:08">20:08:08 do dia 8 de agosto de 2008</tiem> O elemento meter expressa um valor dentro de um intervalo específico. Pode ser usado para salários, porcentagens, frações, etc. por exemplo:

Lamento informar que só tenho <meter>150cm</meter>. Também possui 6 recursos para expressar vários significados, como:

<p>Sua pontuação é: <meter value="88.7" min="0" max="100" low="65" high="96" ideal="100">B+</meter>.</p >

Há também o progresso, que é como o próprio nome sugere, usado para expressar progresso:

Conclusão da meta: <progress value="40" max="100">40%</progress> Incorporar multimídia

Adicionados elementos de vídeo e áudio. Como o nome sugere, eles são usados ​​para inserir vídeo e som respectivamente. Quanto ao formato, a implementação fica a cargo do navegador, e o HTML não precisa mais de código especial para reproduzir um formato específico. Assim como o img, ele pode ser exibido seja png, jpg ou gif. Notavelmente, eles podem conter conteúdo. Por exemplo, você pode colocar a letra de uma determinada música:

interatividade

O HTML 5 também é chamado de Aplicativos Web 1.0, por isso também desenvolve ainda mais recursos interativos. Essas tags são projetadas para melhorar a experiência interativa da página:

detalhes

É usado para representar um conteúdo específico, mas o conteúdo pode não ser exibido por padrão. Ele será exibido após interagir com a legenda por alguns meios (como clicar). Isso é um pouco semelhante aos métodos atuais de ocultar um conteúdo por meio de JavaScript e exibi-lo após clicar. por exemplo:

Registre cada pedaço da vida em uma frase,

O datagrid é usado para controlar dados e pode ser atualizado por usuários ou scripts.

menu existia no HTML 2, mas o HTML 4 o tornou obsoleto. O desperdício de HTML 5 é usado e o elemento de comando é adicionado durante o período.

Referência: Novos elementos em HTML 5