Capítulo 6

Html 5 - Aprofundamento

Como chegamos ao HTML5

HTML - História

1991	Surge o HTML, inventado por Tim Banners-Lee O HTML foi criado em 1991, por Tim Berners-Lee, no CERN (European Council for Nuclear Research) na suíça.
1995	HTML 2.0 IETF - Grupo Internacional que se ocupa em desenvolver padrões para Internet o principal objetivo era consolidar o padrão HTML
1997	HTML 3.2 A NETSCAPE estava liderando inovações - extesões Padrão definido pelo W3C Possibilidade de criação de tabelas, applets e texto flutuante ao redor de imagens
1999	HTML 4.01 suporte para opções multimídias, folha de estilos e melhorar as práticas de programação CSS1 - W3C - 1996 (font, paddind, border, tables, classes..) CSS2 - W3C - 1998 (absolute, relative, fixed, z-index, shadow, rem, vh, vw, midia queries, flexbox, multi-columns ...) CSS3 - W3C - 2011 - em desenvolvimento até os dias de hoje
2014	HTML 5

HTML 5 - Logo

Tecnologias que fazem parte do HTML 5

	SEMANTICA: Dando significado à estrutura, a semântica está na frente e no centro com HTML5. Um conjunto mais rico de tags, junto com RDFa, microdados e microformatos, estão permitindo uma web mais útil e orientada por dados para programas e seus usuários Saiba mais...
	OFFLINE & STORAGE: Os aplicativos da web podem iniciar mais rápido e funcionar mesmo sem conexão com a Internet, graças ao HTML5 App Cache, bem como às especificações de armazenamento local, banco de dados indexado e API de arquivo Saiba mais...
	DEVICE ACCESS: Começando com a API de geolocalização, os aplicativos da Web podem apresentar recursos e experiências ricas e com reconhecimento de dispositivo. ... acesso de entrada de áudio / vídeo a microfones e câmeras, até dados locais, como contatos e eventos, e até orientação de inclinação. Saiba mais...
	CONNECTIVITY: Conectividade mais eficiente significa mais bate-papos em tempo real, jogos mais rápidos e melhor comunicação. Uso de Web Sockets e eventos enviados pelo servidor. Saiba mais...

Tecnologias que fazem parte do HTML 5

	MULTIMIDIA: Áudio e vídeo são cidadãos de primeira classe na web HTML5, vivendo em harmonia com seus aplicativos e sites. Saiba mais...
	3D, GRAPHICS & EFFECTS:Entre os recursos SVG, Canvas, WebGL e CSS3 3D, você certamente surpreenderá seus usuários com visuais impressionantes renderizados nativamente no navegador. Saiba mais...
	PERFORMANCE & INTEGRATION Torna aplicativos da Web e conteúdo dinâmico mais rápidos. Uso de técnicas e tecnologias, como Web Workers e XMLHttpRequest Saiba mais...
	CSS3: CSS3 oferece uma ampla gama de estilização e efeitos, aprimorando o aplicativo da web sem sacrificar sua estrutura semântica ou desempenho. Saiba mais...

Algumas coisas que mudaram na codificação

Estrutura com mais significado

O outline nada mais é que o sentido que a estrutura dos meus elementos tomam quando relacionados entre si

Cada sessão pode ter sua própria hierarquia de elementos <h1>



  Título do assunto 
  
	Introdução
	texto
  
  
	Desenvolvimento do tema
	texto texto...

O primeiro elemento de cabeçalho define o cabeçalho da seção atual



  Título do assunto 
  
	Introdução do assunto 
	texto
  


	Outro título

Sessão implícita



  Título do assunto 
  mais textos aqui.....
  Outro título aqui
  mais textos.....

o <h3> é envolvido em uma subsessão implícita

Sessão implícita



  Título do assunto 
  mais textos aqui.....
  Outro título aqui
  mais textos.....

como os dois <h1> tem uma mesma hierarquia o segundo <h1> fecha a sessão anterior e abre uma nova de mesmo nível.