HTML5 Powered

Início

Hyper Text Markup Language

What is?

Definição

HTML é a sigla para Hypertext Markup Language, em português Linguagem de Marcação de Hipertexto. É utilizada para criar páginas para Web através de marcações no conteúdo do arquivo chamadas de Tags.

O HTML5 é uma nova versão do HTML 4.01, que foi concebida para que programadores possam gerar códigos separando Estrutura (HTML) de Layout (CSS). Atributos e Tags de layout não fazem mais parte do padrão do HTML.

Agora o código passa a ter um significado semântico com o HTML5, que facilita a leitura, padronização e organização. Com a nova estrutura disponível no HTML5 as ferramentas de busca conseguem obter um resultado mais preciso devido ao conteúdo ser apresentado de forma semântica e a acessibilidade se torna maior.

Linha do Tempo do HTML

  1. O HTML foi criado por Tim Berners-Lee em 1980 baseado no conceito de hypertexto, inicialmente desenvolvido em Pascal.
  2. Tim Berners-Lee e o estudante Robert Cailliau implementam a primeira comunicação bem sucedida entre um cliente HTTP e um servidor através da internet.
  3. O HTML surge oficialmente em 1990.
  4. Em 1995 o HTML passa a ser regularizado pelo W3C, um consórcio formado por instituições comerciais e educacionais, com o objetivo de definir padrões para as respectivas áreas relacionadas à Web.
  5. HTML 2.0 é lançado na primeira conferência organizada pela W3C em 1995.
  6. Dave Ragett propõe o HTML 3.0 que é recusado pela W3C.
  7. Em 1996 é lançado o HTML 3.2, que permitia compatibilidade total com o HTML 2.0.
  8. Em dezembro de 1999 é lançado o HTML 4.01 em três especificações: Strict, Transitional e Frameset.
  9. No início de 2008 o W3C lança a primeira especificação do HTML5.

Estrutura

HTML 4.01 Transitional
Estrutura HTML 4.01
HTML 5
Estrutura HTML 5

Código

HTML 4.01 Transitional

HTML 5

Novas Tags

Novas Tags

  1. <meta charset>
  2. <mark>
  3. <meter>
  4. <progress>
  5. <time>
  6. <wbr>
  7. <figure>
  8. <figcaption>
  9. <canvas>
  10. <audio>
  11. <video>
  12. <track>
  13. <embed>

Novas Tags Estruturais

  1. <header>
  2. <nav>
  3. <section>
  4. <article>
  5. <footer>

Forms

  • <input type="color">
  • <input type="date">
  • <input type="time">
  • <input type="week">
  • <input type="email" placeholder="E-mail" required>
  • <input type="url" placeholder="URL" required>
  • <input type="text" placeholder="placa" pattern="[A-Z]{3}[0-9]{4}" required>

Bibliografia