Elementos e Atributos
O HTML5 trouxe uma série de elementos que nos ajudam a definir setores principais no documento
HTML.
Com a ajuda destes elementos, podemos por exemplo diferenciar diretamente pelo có-
digo HTML5 áreas importantes do site como sidebar, rodapé e cabeçalho. Conseguimos seccionar
a área de conteúdo indicando onde exatamente é o texto do artigo.
Estas mudanças simplificam o trabalho de sistemas como os dos buscadores.
Com o HTML5 os
buscadores conseguem vasculhar o código de maneira mais eficaz. Procurando e guardando informações
mais exatas e levando menos tempo para estocar essa informação.
Abaixo segue uma lista dos novos elementos e atributos incluídos no HTML5:
*section > A tag section define uma nova seção genérica no documento. Por exemplo, a home
de um website pode ser dividida em diversas seções: introdução ou destaque, novidades,
informação de contato e chamadas para conteúdo interno.
*nav > O elemento nav representa uma seção da página que contém links para outras partes
do website. Nem todos os grupos de links devem ser elementos nav, apenas aqueles
grupos que contém links importantes. Isso pode ser aplicado naqueles blocos de links
que geralmente são colocados no Rodapé e também para compor o menu principal do
site.
*article > O elemento article representa uma parte da página que poderá ser distribuído e
reutilizável em FEEDs por exemplo. Isto pode ser um post, artigo, um bloco de comentários
de usuários ou apenas um bloco de texto comum.
*aside > O elemento aside representa um bloco de conteúdo que referência o conteúdo que
envolta do elemento aside. O aside pode ser representado por conteúdos em sidebars
em textos impressos, publicidade ou até mesmo para criar um grupo de elementos
nav e outras informações separados do conteúdo principal do website.
*hgroup > Este elemento consiste em um grupo de títulos. Ele serve para agrupar elementos de
título de H1 até H6 quando eles tem múltiplos níveis como título com subtítulos e etc.
*header > O elemento header representa um grupo de introdução ou elementos de navegação.
O elemento header pode ser utilizado para agrupar índices de conteúdos, campos de
busca ou até mesmo logos.
*footer > O elemento footer representa literalmente o rodapé da página. Seria o último elemento
do último elemento antes de fechar a tag HTML. O elemento footer não precisa
aparecer necessariamente no final de uma seção.
*time > Este elemento serve para marcar parte do texto que exibe um horário ou uma data
precisa no calendário gregoriano.
Atributos
Alguns elementos ganharam novos atributos:
• O atributo autofocus pode ser especificado nos elementos input (exceto quando há atributo
hidden atribuído), textarea, select e button.
• A tag a passa a suportar o atributo media como a tag link.
• A tag form ganha um atributo chamado novalidate. Quando aplicado o formulário pode
ser enviado sem validação de dados.
• O elemento ol ganhou um atributo chamado reversed. Quando ele é aplicado os indicadores
da lista são colocados na ordem inversa, isto é, da forma descendente.
• O elemento fieldset agora permite o atributo disabled. Quando aplicado, todos os filhos
de fieldset são desativados.
• O novo atributo placeholder pode ser colocado em inputs e textareas.
• O elemento area agora suporta os atributos hreflang e rel como os elementos a e link
• O elemento base agora suporta o atributo target assim como o elemento a. O atributo
target também não está mais descontinuado nos elementos a e area porque são úteis para
aplicações web.
Os atributos abaixo foram descontinuados:
• O atributo border utilizado na tag img.
• O atributo language na tag script.
• O atributo name na tag a. Porque os desenvolvedores utilizam ID em vez de name.
• O atributo summary na tag table.
