O HTML 5 adiciona muitos novos recursos à especificação HTML e é fácil de implementar. Você usa o tipo de documento HTML 5, que é simples e simplificado:
Sim é isso. Apenas duas palavras "doctype" e "html". Pode ser simples, porque o HTML 5 não faz mais parte do SGML, mas sim uma linguagem de marcação por conta própria.
O conjunto de caracteres para o HTML 5 também é simplificado. Ele usa o UTF-8 e você o define com apenas uma meta tag:
Nova estrutura do HTML 5
O HTML 5 reconhece que as páginas da Web têm uma estrutura, assim como os livros e outros documentos XML têm estrutura. Em geral, as páginas da Web têm navegação, conteúdo do corpo, conteúdo da barra lateral, cabeçalhos, rodapés e outros recursos. O HTML 5 possui tags para suportar esses elementos da página. Eles são:
- define seções de páginas.
-
define o cabeçalho de uma página. - define o rodapé de uma página.
- define a navegação em uma página.
- define o artigo ou conteúdo principal em uma página.
- define conteúdo extra como uma barra lateral em uma página.
- define imagens que anotam um artigo.
HTML 5 novos elementos inline
Os novos elementos inline definem alguns conceitos básicos e os mantêm semanticamente marcados:
- indica conteúdo marcado de alguma forma.
- indica conteúdo que é uma hora ou data.
indica conteúdo que é uma fração de um intervalo conhecido, como uso do disco. - indica o progresso de uma tarefa até a conclusão.
Suporte para HTML 5 New Dynamic Pages
O HTML 5 foi desenvolvido para ajudar os desenvolvedores de aplicativos da Web. Portanto, há vários novos recursos que facilitam a criação de páginas HTML dinâmicas:
- Menus de contexto - O HTML 5 suporta a criação e o uso de menus de contexto em páginas da Web e aplicativos.
- href não é necessário em uma tag. Isso permite que você use uma tag com scripts e em aplicativos da Web sem precisar de um local para enviar essa âncora.
- atributo assíncrono - Isso é adicionado à tag de script para informar ao navegador que o script deve ser carregado de forma assíncrona para que não diminua a carga e a exibição do restante da página.
- - Isso fornece detalhes sobre um elemento. Isso seria como dicas de ferramentas em aplicativos não-web.
cria uma tabela que é construída a partir de um banco de dados ou outra fonte dinâmica. - é uma tag antiga trazida de volta e ganha uma nova vida, permitindo que você crie um sistema de menu em suas páginas da web.
define ações que devem acontecer quando um elemento dinâmico é ativado.
HTML 5 Novos Tipos de Formulário
O HTML 5 suporta todos os tipos de entrada de formulários padrão, mas acrescenta mais alguns:
- data hora
- datetime-local
- encontro
- mês
- semana
- Tempo
- número
- alcance
- o email
- url
HTML 5 Novos Elementos
Existem alguns novos elementos interessantes no HTML 5:
- - Esse elemento fornece um espaço de desenho em JavaScript nas suas páginas da web. Pode adicionar imagens ou gráficos a dicas de ferramentas ou criar gráficos dinâmicos em suas páginas da Web, criadas instantaneamente.
- - Adicione o vídeo às suas páginas com esta simples tag.
- - Adicione som às suas páginas com esta simples tag.
HTML 5 remove alguns elementos
Alguns elementos no HTML 4 não são mais suportados pelo HTML 5. A maioria já está obsoleta e não deve ser surpreendente. Eles são:
- acrônimo
- applet
- Basefont
- grande
- Centro
- dir
- Fonte
- quadro, Armação
- conjunto de quadros
- isindex
- noframes
- noscript
- s
- greve
- tt
- você