Wrapper
HEADER

CABEÇALHO

Logo,nome de projeto,participe,busca,melhorias,documentação
MAIN Nome do conjunto (tópico)
SECTION

Nome do Tópico

Lead do conjunto (mini resumo, chamada da noticia)
ARTICLE1

Elemento 1

Nome do elemento do conjunto (Id)
texto, dados tabulares, imagens, som, video
ARTICLE

Elemento 2

Sintaxes
Html5 = {elemento}
elemento = <nomeelemento [atributo="valor" [/]] [areainfluencia] [/]> </nomeelemento>

css: seletor { propriedade: valor; }
seletor: elementoHtml propriedade: atributoHtml valor: caracteristicaPropriedade

jQuery: $("seletor").metodojQuery
seletor= tag|class|id
ARTICLE

Elemento 3

Tecnologias
texto, dados tabulares, imagens, som, video
http://www.phillyfilemaker.org/wp-content/uploads/2012/01/120px-HTML5-logo.svg_.png
HTML5
jQuery
CSS
JS
Tecnologias
ARTICLE

Elemento 4

Formulário para entrada do conteudo:
`
Html5` `
Conteudo` `
Article` `
Elemento`
` `
Elemento`
`
` `
` `
` `
`
ARTICLE

Elemento 5

Comportamento (clicar para sumir / aparecer)
                                                           Html5Semantica.jpg
ARTICLE

Elemento 6

Página dinamica

Problema resolvido (1a camada-lista e 2a camada-lista manipulada)
Pagina - Estrutura semantica html5 (imagem)


Estruturação (Html sem CSS)          Apresentação (Html com CSS)                Comportamento (clique para apagar)                Conteudo ou dado
      Html5SemanticaSemCss.jpg                   Html5Semantica.jpg           Html5Semantica.jpg                 Html5SemanticaDado.jpg      

Estrutura semantica html5

Fontes de consulta html5-> -> -> ->     Html5Semantica.html

Contexto: Camadas de desenvolvimento documentos na Web

Estruturação - Html5 (.html) Apresentação - CSS (.css) Comportamento - javascript (.js)

Critério para saber se o navegador esta interpretando Html5

Simbolos léxico (alfabeto, token) HTML5

a b c d e f g h i j l m n o p q r s t u v x z & ; > <
ver tabela de caracteres reservados html ISO 8959-1 http://codex.wordpress.org/pt-br:HTML_ISO-8859-1

Expressão da sintaxe do HTML5

Definição do Html5 - linguagem para estruturar um conjunto de informação (documento tipo html)

Html5 = {elemento}
elemento = <nomeelemento [atributo="valor" [/]] [areainfluencia] [/]> </nomeelemento>

areainfluencia= texto | elemento
< = tag inicio
> = tag de fim
/ = fechamento de um elemento nomeelemento = tag | evento
atributo = ver http://www.w3c.br/cursos/html5/conteudo/capitulo5.html
valor = ver http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf texto = alfabeto / codformatacao
codformatacao = branco: & n b s p ; maior: & g t ; menor: & l t ;
comentário = <!--texto--> declaração = <!--doc type html>

Nomenlatura:
 
			    [ ] = [opcional] 

			    | = ou  

			    { } = { conjunto } 

			    * = repetição

Codigo html da pagina

Clicar com o lado direito do mouse e ver Page Source ou view-source:http://nome da pagina.html ou :file:///caminho (Mac)