HTML5

O futuro da WEB.
 AGENDA DE HOJE
• W3C
• HTML5
• WEB SEMÂNTICA
• PERGUNTAS
COMO SERÁ A WEB DO FUTURO?

"As pontas de plástico nas

pontas dos cadarços tem
um propósito sinistro“
(Questão – Liga da Justiça)
VOCÊ CONHECE O HTML5?

"As pontas de plástico nas

pontas dos cadarços tem
um propósito sinistro“
(Questão – Liga da Justiça)
O QUE O HTML5 PODE FAZER PELAS
SUA PÁGINAS NA WEB?

"As pontas de plástico nas

pontas dos cadarços tem
um propósito sinistro“
(Questão – Liga da Justiça)
 WEB e W3C
• Tim Berners-Lee
– Criou / propôs
• a Web em 1989
• o W3C em 1994
• Web Semântica
– 1a. Conferência Internacional WWW – 25 a 27/05/1994
– http://www.w3.org/Talks/WWW94Tim/
– 22ª Conferência – Rio de Janeiro - 2013

Timothy John Berners-Lee (Londres, 8 de junho de 19551 ) é um físico britânico, cientista da computação e
professor do MIT. É o criador da World Wide Web (Rede Mundial de Computadores - Internet), tendo feito a
primeira proposta para sua criação a 25 de março de 1989.2 Em 25 de dezembro de 1990, com a ajuda de
Robert Cailliau e um jovem estudante do CERN, implementou a primeira comunicação bem-sucedida entre
um cliente HTTP e o servidor através da internet.
 WEB e W3C

• O World Wide Web Consortium (W3C) é a principal

organização de padronização da World Wide Web. Consiste
em um consórcio internacional com quase 400 membros,
agrega empresas, órgãos governamentais e organizações
independentes com a finalidade de estabelecer padrões para
a criação e a interpretação de conteúdos para a Web.
 A W3C DESENVOLVE PADRÕES

• Conduzir a World Wide Web para que atinja todo seu

potencial, desenvolvendo protocolos e diretrizes que
garantam seu crescimento de longo prazo.
• Desde sua fundação, o W3C publicou mais de uma
centena de padrões, denominados:

RECOMENDAÇÕES DO W3C
Web Standards – Padrões Web
 METAS DA W3C

• Web para todos

• Web em qualquer dispositivo
• Web base de conhecimento
• Web confiável e segura
 META: WEB PARA TODOS
• Tornar os benefícios da web (seu valor social:
comunicação humana, comércio, compartilhar
conhecimentos) disponíveis a todos,
independente de:

Infraestrutura
Hardware Software Idioma
de rede

Localização Habilidade Habilidade

Cultura
geográfica física mental
 META: WEB EM QUALQUER
DISPOSITIVO
• Possibilitar que o acesso de qualquer tipo de
dispositivo seja tão simples, fácil e conveniente
quanto de um computador convencional.

Computadores Desktops Netbooks Telefones

Sistemas de
Aparelhos
PDAs TV digital interação por
domésticos
voz

Web ubíqua
META: WEB BASE DE CONHECIMENTO
• Não apenas um grande livro hiperlinkado onde
pessoas possam pesquisar, navegar, visualizar e
ler informações
• Possibilitar que computadores interpretem,
estabeleçam inferências e relações na web
– Interoperabilidade

Web
Semântica
META: WEB CONFIÁVEL E SEGURA
• Uma web em que as transações sociais e
comunicações com terceiros sejam
estabelecidas em relações de confiança, por
pessoas, organizações ou serviços

Ambiente
Responsável Seguro
colaborativo

Confiança e
Confidência
 O QUE ESPERAR DA WEB

• Web • Regras e
sintática formalidades
HOJE HOJE

• Web • Interpretações,
inferências e
FUTURO semântica FUTURO relações
WEB: OS MODELOS
 WEB: OS MODELOS

•A Resource Description Framework (RDF) é uma linguagem para representar informação na Internet.Arquivos RDF são modelos ou fontes de dados, também conhecidos
como metadata, tecnologia endossada e recomendada pela W3C desde fevereiro de 1999, tendo como principais objetivos criar um modelo simples de dados, com uma
semântica formal, usar o vocabulário URI-based e uma sintaxe XML-based e suportar o uso de XML.
•Em TI, um Identificador Uniforme de Recursos (URI) (Uniform Resource Identifier, (em inglês) é uma cadeia de caracteres compacta usada para identificar ou denominar um
recurso na Internet. O principal propósito desta identificação é permitir a interação com representações do recurso através de uma rede, tipicamente a Rede Mundial,
usando protocolos específicos. URIs são identificadas em grupos definindo uma sintaxe específica e protocolos associados.
•DOM (Document Object Model - Modelo de Objetos de Documentos) é uma especificação da W3C para uma interface, independente de plataforma e linguagem, onde
pode-se dinamicamente alterar e editar a estrutura, conteúdo e estilo de um documento eletrônico, permitindo que o documento seja mais tarde processado e os resultados
desse processamento, incorporados de volta no próprio documento.
•XMLHttpRequest(XHR) é uma API disponível em linguagens de script para navegadores web tais como JavaScript. É utilizada para enviar requisições HTTP ou HTTPS
diretamente para um servidor web e carregar os dados de resposta do servidor diretamente de volta ao script.
 FUTURO DA WEB – HTML5
• HTML 5 [HyperText Markup Language]
Maio/2011 – Last Call

• Processo W3C padronização:

– Working Draft(Rascunho de Trabalho)
• Last Call
– Candidate Recommendation(Candidato a Recomendação):
• Chamada para implementação
– Proposed Recommendation(Proposta de Recomendação):
• Chamada para revisão de proposta de recomendação
– W3C Recommendation(Recomendação W3C):
• Publicação da recomendação
HTML4 – XHTML – HTML5
 HTML4 – XHTML – HTML5
• 1991 – html tag – Tim Berners Lee
• 1994 – HTML 2 - já incluia tag <img>
• 1997 – HTML 3.2
• 1999 – HTML 4.01
• 2000 – XHTML 1.0
• 2001 – XHTML 1.1 – CSS
• 20... – Ian Hickson (Opera) propõe estender HTML:
Web Forms 2.0, Web Apps 1.0
• 2004 – Apple, Mozilla e Opera criam WHAT WG
(Web Hypertext Application Technology Working Group)
• 2007 – W3C retorna HTML Working Group
• 2009 – W3C descontinua XHTML
• 2010-2011 – Apple, Google, Microsoft, Mozilla e Opera
implementam HTML5
 HTML4 – XHTML – HTML5
• 1991 – html tag – Tim Berners Lee
• 1994 – HTML 2 - já incluia tag <img>
• 1997 – HTML 3.2
• 1999 – HTML 4.01
• 2000 – XHTML 1.0
• 2001 – XHTML 1.1 – CSS
• 20... – Ian Hickson (Opera) propõe estender HTML:
Web Forms 2.0, Web Apps 1.0
• 2004 – Apple, Mozilla e Opera criam WHAT WG
(Web Hypertext Application Technology Working Group)
• 2007 – W3C retorna HTML Working Group
• 2009 – W3C descontinua XHTML
• 2010-2011 – Apple, Google, Microsoft, Mozilla e Opera
implementam HTML5
HTML5 NOS NAVEGADORES
HTML5 NOS NAVEGADORES
 DOCTYPE
• HTML4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
 DOCTYPE
• XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
 DOCTYPE
• HTML5

<!DOCTYPE html>
Aplicações semânticas do HTML5

EXEMPLOS
PASSADO

FUTURO
 ESQUECENDO OU SUBSTITUINDO
TAGS INVÁLIDAS
TAG EXCLUÍDA REMOVIDA OU SUBSTIUÍDA
<acronym> Substituída por <abbr>
<applet> Substituída por <object>
<basefont> CSS lida melhor com essa função
<bgsound> Substituída por <audio>
<big> CSS lida melhor com essa função
<blink> Removida de HTML5
<center> CSS lida melhor com essa função
<dir> Substituída por <ul>
<font> Removida de HTML5
<frame> Removida de HTML5
<frameset> Removida de HTML5
<isindex> Substituída pelo uso explícito de <form>
<marquee> Removida de HTML5
<multicol> Removida de HTML5
 ESQUECENDO OU SUBSTITUINDO
TAGS INVÁLIDAS
TAG EXCLUÍDA REMOVIDA OU SUBSTIUÍDA
<nobr> Removida de HTML5
<noframes> Removida de HTML5
<noscript> Somente em conformidade com a sintaxe HTML
<s> CSS lida melhor com essa função
<spacer> Removida de HTML5
<strike> CSS lida melhor com essa função
<tt> CSS lida melhor com essa função
<u> CSS lida melhor com essa função
 NOVAS TAGS HTML5
• Seções
 NOVAS TAGS HTML5
• Agrupando conteúdo
 NOVAS TAGS HTML5
• Conteúdos embutidos
 NOVAS TAGS HTML5
• Formulários
 NOVAS TAGS HTML5
• Elementos interativos
ENTÃO, O QUE É A WEB SEMÂNTICA?

"As pontas de plástico nas

pontas dos cadarços tem
um propósito sinistro“
(Questão – Liga da Justiça)
PERGUNTAS

"As pontas de plástico nas

pontas dos cadarços tem
um propósito sinistro“
(Questão – Liga da Justiça)
Diego Marques | maxbassoul@gmail.com

OBRIGADO