Semântica web - HTML

DESENVOLVIMENTO
DE PADRÕES WEB
HTML5 – A SEMÂNTICA E SUAS INOVAÇÕES

Wander Pereira da Silva
2
Contatos:
▪ WebSite: http://wanderpereira.tk
▪ E-mail: wander.silva4@fatec.sp.gov.br

Comunidade de
fornecedores de
browsers, web
developers, para
próxima geração do
HTML
5

Timeline
HTML
6
Módulos da Linguagem Ano de Fork
HTML 1991
HTML 2 1995
HTML 3.2 1997
HTML 4 1999
XHTML 2000
HTML – Tableless 2002
HTML5 2014
Tableless 2002 +
AJAX 2005 +

Introdução
7
Semântica + Linguagem

Objetivos
8
▪ Estruturar e organizar manipulações
▪ Facilitar o aprendizado da Linguagem
▪ Integrar API’s
▪ SEO (Otimização para Mecanismo de Busca)
▪ Minimizar processamento de Dados

Técnicas
Práticas
10
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<title>A Semântica do HTML5</title>
</head>
<body>
<header>
Cabeçalho
</header>
<nav>
Navegação
</nav>
<article>
<section> Conteúdo </section>
<article>
<aside>
Barra Lateral
<aside>
<footer> Rodapé </footer>
</body>
</html>

Tags
Comportamentais
11
▪ <header>
▪ <section>
▪ <article>
▪ <nav>
▪ <aside>
▪ <main>
▪ <figure>
▪ <footer>
▪ <a>
▪ <em>
▪ <strong>
▪ <cite>
▪ <q>
▪ <time>

Mobile
Cordova
▪ Criação de Mobile Semantic’s
13

Bibliografia
14
▪ Timeline HTML – Publicado em Mar 10, 2017 por Batista,
Messias. Acesso em 18/05/2018, SlideShare
▪ Imagens aleatórias gerada por Google Images, Acesso em
18/05/2018.
▪ Material de Apoio W3C School – HTML5 Intro

Obrigado!
"A inteligência artificial não impede a criatividade;
promove apenas de novas maneiras"
15

Semântica web - HTML

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Semântica web - HTML

Semelhante a Semântica web - HTML (20)

Semântica web - HTML