Skip to main content

Quais são os novos recursos do HTML 5?

Alternadores modernos e antigos: como começa a geração de energia (Pode 2024)

Alternadores modernos e antigos: como começa a geração de energia (Pode 2024)
Anonim

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ê