Por que HTML 5 hoje?
Mesmo ainda não sendo uma recomendação oficial do W3C, e este processo é longo, a discussão em torno do HTML 5 já faz parte do dia a dia de designers e desenvolvedores.
O HTML 5 não é uma ruptura, é a continuidade e a evolução do modelo concebido por Tim Berners-Lee nos anos 1990. O embarque é imediato, chegue com antecedência!
Principais conceitos apresentados
- A evolução do HTML
- Compatibilidade do HTML 5
- Modelos de conteúdo
- Montando a estrutura do documento
- Trabalhando com grupos de conteúdo
- A semântica dos elementos de texto
- Imagens e SVG
- Objetos e conteúdo embutido
- Áudio e vídeo
- Formulários
- Interatividade
- Canvas
- Microdata
- APIs
Site de apoio
No site www.flatschart.com/html5 você encontra os exemplos com os códigos apresentados no livro.
PARTE I – INTRODUÇÃO & EVOLUÇÃO
1. O Hipertexto e as Linguagens de Marcação
1.1 – Hipertexto
1.2 – Linguagens de marcação
2. A Evolução do HTML
2.1 – Um pouco de história
2.2 – Revisando e consolidando
3. Introdução ao HTML 5
3.1 – Sobre o W3C e os Web Standards
3.2 – Camada de desenvolvimento do lado do usuário
3.3 – Uso de APIs
3.4 – HTML e DOM (Document Object Model)
3.5 – Marcação semântica
3.6 – Resumo das principais novidades do HTML 5
4. Compatibilidade do HTML 5
4.1 – Já posso usar?
4.2 – Browsers
PARTE II. ESTRUTURA E SINTAXE
5. Estrutura Básica do HTML
5.1 – Doctype
5.2 – Elemento raiz – HTML
5.3 – Charset (character set)
5.4 – Sintaxe
6. Modelos de Conteúdo
6.1 – Elementos em linha (inline) e elementos em bloco (block)
6.2 – Modelos de conteúdo: novas categorias
6.3 – Metadata content
6.4 – Sectioning content
6.5 – Flow content
6.6 – Heading content
6.7 – Phrasing content
6.8 – Embedded content
6.9 – Interactive content
PARTE III. VOCABULÁRIO DO HTML 5
7. Atributos
7.1 – Introdução
7.2 – Atributos globais
8. Eventos
8.1 – O que são eventos?
8.2 – Eventos de mouse
8.3 – Eventos de teclado
8.4 – Eventos de mídia
8.5 – Eventos de formulários
8.6 – Eventos no corpo (body) do documento
9. Elementos
9.1 – Introdução
9.2 – Elemento raiz
9.3 – Metadados
9.4 – Scripts
9.5– Seções
9.6 – Grupos de conteúdo
9.7 – Elementos semânticos de texto
9.8 – Elementos de edição
9.9 – Conteúdo embutido (embedded)
9.10 – Tabelas
9.11 – Formulários
9.12 – Elementos interativos
9.13 – Resumo
PARTE IV. NA PRÁTICA
Considerações Importantes
10. Montando a Estrutura do Documento
10.1 – A estrutura básica do documento
10.2 – Uma rápida conversa sobre o DOCTYPE
10.3 – Detalhes do cabeçalho do documento
Conversando um pouco sobre os estilos e o elemento link (CSS)
10.4 – Seções estruturais semânticas
Migrando do elemento div para os novos elementos estruturais
10.5 – Compatibilidade dos novos elementos estruturais
10.6 – Elemento article, o ponto central do documento
10.7 – Conteúdo tangencial ou contextual: o elemento aside
10.8 – O rodapé: elemento footer
10.9 – Montando o cabeçalho com os elementos header e hgroup
10.10 – Navegar é preciso com o elemento nav
10.11 – Dividindo em seções: elemento section
10.12 – Endereço e contato com o elemento address
10.13 – Exemplos de estruturas possíveis
11. Trabalhando com Grupos de Conteúdo
11.1 – Como funcionam os grupos de conteúdo?
11.2 – Elementos p, hr e blockquote
11.3 – Uso dos elementos de listas
11.4 – Uso dos elementos figure e figurecaption
11.5 – Sim, ainda há espaço para o elemento div
12. A Semântica dos Elementos de Texto
12.1 – Considerações gerais
12.2 – Construindo links com o elemento a
12.3 – Como utilizar os elementos b e strong
12.4 – Muito mais que itálico: como utilizar os elementos i e em
12.5 – Letras miúdas: elemento small
12.6 – Marcando conteúdo desatualizado: o elemento s
12.7 – Fazendo citações com os elementos cite e q
12.8 – Definindo um termo ou expressão e sua abreviatura
12.9 – Uso do elemento span
12.10 – Quebras de linha
12.11 – Data e hora com o elemento time
12.12 – Texto realçado com o elemento mark
12.13 – Outros elementos semânticos de texto
13. Edição de Texto
13.1 – Introdução
13.2 – Inserção
13.3 – Exclusão
14. Tabelas
14.1 – Sobre o uso de tabelas
14.2 – Tabela simples
14.3 – Tabela com células de título: elemento th
14.4 – Cabeçalho, corpo e rodapé da tabela: elementos thead, tbody e tfoot
14.5 – Elemento colgroup
14.6 – Maior valor semântico: atributo summary e elemento caption
15. Imagens
15.1 – O elemento img
15.2 – Mapeamento de imagens
15.3 Trabalhando com SVG
16. iframe (Frame Interno)
16.1 – Sobre frames no HTML
16.2 – Configurando o elemento iframe
17. Objetos e Conteúdo Embutido
17.1 – Sobre os elementos object e embed
17.2 – Parâmetros: o elemento param
18. Áudio
18.1 – Formatos
18.2 – Atributos
18.3 – Exemplos
18.4 – Exibição dos controladores pelo browser
19. Vídeo
19.1 – Introdução
19.2 – Containers e codecs
19.3 – Compatibilidade com as últimas versões dos browsers
19.4 – Atributos
19.5 – Exemplos
19.6 – Ferramentas e referências
20. Formulários
20.1 – Formulários e o HTML 5
20.2 – Elemento form e seu funcionamento
20.3 – Elementos fieldset, legend e label
20.4 – O elemento input e suas múltiplas possibilidades
20.5 – Mais atributos do elemento input
20.6 – Diferentes estados do elemento input com seus principais atributos
20.7 – Elemento Button
20.8 – Elementos select e option
20.9 – Elemento datalist
20.10 – Elemento optgroup
20.11 – Elemento textarea
20.12 – Elemento keygen
20.13 – Elemento output
20.14 – Atributos novalidate e formnovalidate
21. Interativos
21.1 – Elementos details e summary
21.2 – Elemento progress
21.3 – Elemento meter
21.4 – Elementos menu e command
22. Canvas
23. Microdata
24. Scripts
24.1 – Elemento script
24.2 – Elemento noscript
25. APIs
Embarque Imediato
Bibliografia
Índice Remissivo
Carrinho está vazio
