HTML 5 - Novos Elementos
Novos Elementos
A internet mudou muito desde 1999 quando o HTML 4.01 tornou-se um padrão. Hoje, alguns elementos desta versão HTML são obsoletos ou nunca foram usados da maneira para a qual foram destinados. Esses elementos foram removidos ou re-escritos em HTML5, que ainda inclui novos elementos para uma melhorar a estrutura, o tratamento de formas, desenhos e de conteúdos de mídia.
Acompanhe a introdução à este artigo: HTML5 - Introdução
Novos Elementos Semânticos / Estruturais
O HTML5 oferece novos elementos para melhorar a estrutura dos arquivos:
| Etiqueta | Descrição |
|---|---|
| <article> | Define um artigo |
| <aside> | Define o conteúdo, além do conteúdo da página |
| <bdi> | Isola uma parte do texto que pode ser formatado em uma direção diferente de outro texto |
| <command> | Define um botão de comando que um usuário pode invocar |
| <details> | Define detalhes adicionais que o usuário pode exibir ou ocultar |
| <summary> | Define um título visível de um elemento <detalhes> |
| <figure> | Especifica independente de conteúdo, como ilustrações, diagramas, fotos, listas de código, etc |
| <figcaption> | Define uma legenda para um elemento <figure> |
| <footer> | Define um rodapé de um documento ou seção |
| <header> | Define um cabeçalho para um documento ou seção |
| <hgroup> | Agrupa um conjunto de elementos <h1> à <h6> quando um título tem vários níveis |
| <mark> | Define o texto marcado / destacado |
| <meter> | Define uma medição escalar dentro de um intervalo conhecido |
| <nav> | Define links de navegação |
| <progress> | Representa o andamento de uma tarefa |
| <ruby> | Define uma anotação Ruby (para tipografia Leste Asiática) |
| <rt> | Define uma explicação / pronúncia de caracteres (para tipografia Leste Asiática) |
| <rp> | Define o que mostrar em navegadores que não suportam anotações Ruby |
| <section> | Define uma seção em um documento |
| <time> | Define uma data / hora |
| <wbr> | Define uma possível quebra de linha |
Novos Elementos de Mídia
HTML5 oferece novos elementos para conteúdo de mídia:
| <audio> | Define o conteúdo de som |
| <video> | Define um vídeo ou filme |
| <source> | Define vários recursos de mídia para <video> e <audio> |
| <embed> | Define um recipiente para uma aplicação externa ou conteúdo interativo (um plug-in) |
| <track> | Define faixas de texto para <video> e <audio> |
| <canvas> | Usado para desenhar gráficos, em tempo real, através de scripting (normalmente JavaScript) |
Novos elementos de formulário
HTML5 oferece novos elementos de formulário, para obter mais funcionalidade:
| <datalist> | Especifica uma lista de opções pré-definidas para controles de entrada |
| <keygen> | Define um campo gerador de par de chaves (para formulários) |
| <output> | Define o resultado de um cálculo |
Elementos retirados
Os seguintes elementos são HTML 4.01 que foram removidos no HTML5:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
Na próxima postagem iremos aprender como trabalhar com vídeos no HTML5!
Até o próximo post!