O documento discute a evolução do HTML ao longo do tempo, desde sua criação em 1990 até a versão 5.1 lançada em 2014. Também apresenta as novas tags semânticas do HTML5 como <header>, <footer> e <section>, além de atributos para formulários e a importância da acessibilidade na web.

1. André Felizardo

2. Porque falar de HTML5?

4. Histórico
Definidas as especificações do
HTML
1990
1999
Lançada pelo W3C o HTML 4.1
HTML5 se tornou
recomendação do W3C
2014

5. Como era a semântica antes
do HTML5?

11. E daí?

12. SEO

14. Acessibilidade não é altruísmo.

15. VÍDEO AQUI

16. Decreto Federal nº 5.296/2004, artigo 8º
“I – acessibilidade: condição para utilização, com segurança e
autonomia, total ou assistida, dos espaços, mobiliários e
equipamentos urbanos, das edificações, dos serviços de
transporte e dos dispositivos, sistemas e meios de comunicação
e informação, por pessoa portadora de deficiência ou com
mobilidade reduzida;”

18. 45.623.910 no BRASIL
1.671.082.700 no MUNDO
Fonte: IBGE e OMS

22. Tags de Estrutura
<aside>
<article>
<header>
<footer>
<hgroup>
<nav>
<section>

26. Atributos e campos de Formulário
Exemplo 1

29. Picture
Exemplo 2

31. HTML 5.1 -
O que vem daqui pra frente?
HTML 5.2 -

33. Como você criaria um
componente ?

34. <details>
<summary>Texto qualquer</summary>
<p>E um conteúdo aqui dentro.</p>
</details>
Exemplo 3

36. Como você criaria um
componente ?

37. <dialog open>
Texto qualquer aqui
</dialog>
Exemplo 4

39. Como você criaria opções de
menu ao clicar com o
botão direito?

40. <div contextmenu=“Allen”>
<p>Clique com o botão direito</p>
<menu type=“context” id=“Allen”>
<menuitem label=“Opção 1”></menuitem>
<menuitem label=“Opção 2”></menuitem>
</menu>
</div>

47. Obrigado ;)