SlideShare uma empresa Scribd logo
1 de 24
Baixar para ler offline
Prof. Pedro Clarindo da Silva Neto

IFMT
Prof. Pedro Clarindo da Silva Neto
Novos elementos
Article
Prof. Pedro Clarindo da Silva Neto
Marca um conteúdo autossuficiente em
uma página, documento ou aplicação.
• W3C
Aside
Prof. Pedro Clarindo da Silva Neto
• W3C
Representa uma seção de uma página que consiste de conteúdo
que é tangencialmente relacionado ao conteúdo do seu entorno,
que poderia ser considerado separado do conteúdo.
Novos elementos
Aside
Prof. Pedro Clarindo da Silva Neto
• MDN
Muitas vezes contem explicações laterais, como
a definição de um glossário; conteúdo
vagamente relacionado, como avisos; a biografia
do autor; ou, em aplicações web, informações de
perfil ou links de blogs relacionados.
Novos elementos
Menuitem
Prof. Pedro Clarindo da Silva Neto
• MDN
A tag <menuitem> define um item de comando /
menu que o usuário pode chamar de um menu pop-up.
Novos elementos
Atualmente executa em:
Menu
Prof. Pedro Clarindo da Silva Neto
Destina-se a marcar uma lista de comandos e é usado como elemento
container para elementos menuitem. Define uma lista / menu de
comandos. Usado para menus de contexto, barras de ferramentas e
para listar os controles de formulário e comandos.
Novos elementos
Atualmente executa em:
• MDN
Datalist
Prof. Pedro Clarindo da Silva Neto
A tag <datalist> especifica uma lista de opções pré-definidas
para um elemento <input> .É utilizado para fornecer um
recurso de "autocomplete" em elementos <input>.
Novos elementos
• W3C
Details
Prof. Pedro Clarindo da Silva Neto
Especifica detalhes adicionais que o usuário pode exibir ou
ocultar sob demanda. Pode ser usado para criar um widget
interativo que o usuário pode abrir e fechar.
Novos elementos
• W3C
Summary
Prof. Pedro Clarindo da Silva Neto
O elemento HTML summary é utilizado como um sumário
ou legenda para o conteúdo de um elemento <details>.
Novos elementos
• W3C
Embed
Prof. Pedro Clarindo da Silva Neto
O Elemento HTML <embed> representa um ponto de
integração para uma aplicação externa ou conteúdo
interativo (em outras palavras, um plug-in).
Novos elementos
• Maujor
Prof. Pedro Clarindo da Silva Neto
Novos elementos
Figure
Prof. Pedro Clarindo da Silva Neto
Especifica o conteúdo auto-suficiente, como ilustrações, diagramas, fotos,
listas de código, etc. Enquanto o conteúdo do elemento <figure> está
relacionada com o fluxo principal, a sua posição é independente do fluxo
principal, e se tiver sido removido, não deve afetar o fluxo do documento.
Novos elementos
• MDN
Figcaption
Prof. Pedro Clarindo da Silva Neto
Representa uma legenda ou uma legenda associada com
uma figura ou ilustração descrita pelo resto dos dados do
elemento <figure>.
Novos elementos
• MDN
Footer
Prof. Pedro Clarindo da Silva Neto
representa um rodapé para o seu sectioning content (conteúdo de seção) mais
próximo ou sectioning root elemento. Normalmente um rodapé contém
informações sobre o autor da seção de dados, direitos autorais ou links para
documentos relacionados.
Novos elementos
• W3C
Header
Prof. Pedro Clarindo da Silva Neto
Representa um container para o conteúdo introdutório ou um conjunto
de links de navegação. Contém tipicamente um ou mais elementos
cabeçalho (<h1> - <h6>), logotipo ou ícone e informações de autoria.
Novos elementos
• W3C
Main
Define o conteúdo principal dentro do <body> em seu documento ou
aplicação. Entende-se como conteúdo principal aquele relacionado
diretamente com o tópico central da página ou com a funcionalidade central
da aplicação.
Novos elementos
• W3C
Prof. Pedro Clarindo da Silva Neto
Mark
Representa um trecho de destaque em um texto, por
exemplo, uma sequência de texto marcado como referência,
devido à sua relevância em um contexto particular.
Novos elementos
• W3C
Prof. Pedro Clarindo da Silva Neto
Meter
O elemento HTML meter (<meter>) pode representar um
valor escalar dentro de um intervalo conhecido ou um valor
fracionário.
Novos elementos
• W3C
Prof. Pedro Clarindo da Silva Neto
Nav
O Elemento HTML de Navegação (<nav>) representa uma seção
de uma página que aponta para outras páginas ou para outras
áreas da página, ou seja, uma seção com links de navegação.
Novos elementos
• W3C
Prof. Pedro Clarindo da Silva Neto
Output
O elemento saída (<output>) representa o
resultado de um cálculo.
Novos elementos
• W3C
Prof. Pedro Clarindo da Silva Neto
Progress
Usado para visualizar o progresso de uma tarefa. Embora as
especifidades de como é mostrado ficam a cargo do desenvolvedor,
tipicamente, é mostrado como uma barra de progresso.
Novos elementos
• W3C
Prof. Pedro Clarindo da Silva Neto
Section
Representa uma seção genérica de um documento, isto é
um agrupamento temático de conteúdos, tipicamente com
um título.
Novos elementos
• W3C
Prof. Pedro Clarindo da Silva Neto
Dialog
Cria uma caixa de diálogo, uma caixa de inspeção
ou uma janela modal de interação com o usuário.
Novos elementos
• Maujor
Prof. Pedro Clarindo da Silva Neto

Mais conteúdo relacionado

Mais procurados (20)

CSS FLexBox
CSS FLexBoxCSS FLexBox
CSS FLexBox
 
Flexbox and Grid Layout
Flexbox and Grid LayoutFlexbox and Grid Layout
Flexbox and Grid Layout
 
CSS
CSSCSS
CSS
 
SharePoint Taxonomy Introduction
SharePoint Taxonomy IntroductionSharePoint Taxonomy Introduction
SharePoint Taxonomy Introduction
 
CSS selectors
CSS selectorsCSS selectors
CSS selectors
 
div tag.pdf
div tag.pdfdiv tag.pdf
div tag.pdf
 
HTML5
HTML5HTML5
HTML5
 
CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
 
Introducing Cascading Style Sheets
Introducing Cascading Style SheetsIntroducing Cascading Style Sheets
Introducing Cascading Style Sheets
 
HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
 
planejamento HTM5 e CSS3
planejamento HTM5 e CSS3planejamento HTM5 e CSS3
planejamento HTM5 e CSS3
 
React js
React jsReact js
React js
 
CSS
CSSCSS
CSS
 
Aula 1 - Programação Dinâmica para Web
Aula 1 - Programação Dinâmica para WebAula 1 - Programação Dinâmica para Web
Aula 1 - Programação Dinâmica para Web
 
Html,javascript & css
Html,javascript & cssHtml,javascript & css
Html,javascript & css
 
CSS
CSSCSS
CSS
 
Html forms
Html formsHtml forms
Html forms
 
React JS part 1
React JS part 1React JS part 1
React JS part 1
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
 
CSS - Text Properties
CSS - Text PropertiesCSS - Text Properties
CSS - Text Properties
 

Semelhante a Novos elementos HTML

04 01 estrutura de um documento
04 01 estrutura de um documento04 01 estrutura de um documento
04 01 estrutura de um documentoVasco Ferreira
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01 Léo Dias
 
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Cristofer Sousa
 
Operações - Base de Conhecimento - Parte 02
Operações - Base de Conhecimento - Parte 02Operações - Base de Conhecimento - Parte 02
Operações - Base de Conhecimento - Parte 02Alan Carlos
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfCesar Braz
 
Web dev tools google - agilizando suas aplicações web
Web dev tools google - agilizando suas aplicações webWeb dev tools google - agilizando suas aplicações web
Web dev tools google - agilizando suas aplicações webThiago Alvernaz
 
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...Mércia Regina da Silva
 
Operações - Base de Conhecimento - Parte 01
Operações - Base de Conhecimento - Parte 01Operações - Base de Conhecimento - Parte 01
Operações - Base de Conhecimento - Parte 01Alan Carlos
 
Trabalho 4 Semestre e 5 Semestre 2015
Trabalho 4 Semestre e 5 Semestre 2015Trabalho 4 Semestre e 5 Semestre 2015
Trabalho 4 Semestre e 5 Semestre 2015Rodrigo Marinho
 
Curso HTML módulo 3 - Conceitos básicos CSS
Curso HTML módulo 3 - Conceitos básicos CSSCurso HTML módulo 3 - Conceitos básicos CSS
Curso HTML módulo 3 - Conceitos básicos CSSMichel Bernardes de Jesus
 
Manual curso php
Manual curso phpManual curso php
Manual curso phpalexinaa
 
Manual curso php
Manual curso phpManual curso php
Manual curso phpalexinaa
 

Semelhante a Novos elementos HTML (20)

Html5 primeiros passos
Html5 primeiros passosHtml5 primeiros passos
Html5 primeiros passos
 
04 01 estrutura de um documento
04 01 estrutura de um documento04 01 estrutura de um documento
04 01 estrutura de um documento
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
 
00 a linguagem html
00 a linguagem html00 a linguagem html
00 a linguagem html
 
Sobre o HTML
Sobre o HTMLSobre o HTML
Sobre o HTML
 
Operações - Base de Conhecimento - Parte 02
Operações - Base de Conhecimento - Parte 02Operações - Base de Conhecimento - Parte 02
Operações - Base de Conhecimento - Parte 02
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
 
Web dev tools google - agilizando suas aplicações web
Web dev tools google - agilizando suas aplicações webWeb dev tools google - agilizando suas aplicações web
Web dev tools google - agilizando suas aplicações web
 
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Operações - Base de Conhecimento - Parte 01
Operações - Base de Conhecimento - Parte 01Operações - Base de Conhecimento - Parte 01
Operações - Base de Conhecimento - Parte 01
 
Apostila html1
Apostila html1Apostila html1
Apostila html1
 
Trabalho 4 Semestre e 5 Semestre 2015
Trabalho 4 Semestre e 5 Semestre 2015Trabalho 4 Semestre e 5 Semestre 2015
Trabalho 4 Semestre e 5 Semestre 2015
 
Foundation 4 Framework CSS
Foundation 4 Framework CSSFoundation 4 Framework CSS
Foundation 4 Framework CSS
 
Curso HTML módulo 3 - Conceitos básicos CSS
Curso HTML módulo 3 - Conceitos básicos CSSCurso HTML módulo 3 - Conceitos básicos CSS
Curso HTML módulo 3 - Conceitos básicos CSS
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 

Mais de Pedro Neto

Capitulo 14 -_componentes_gui_parte_3
Capitulo 14 -_componentes_gui_parte_3Capitulo 14 -_componentes_gui_parte_3
Capitulo 14 -_componentes_gui_parte_3Pedro Neto
 
Capitulo 14 -_componentes_gui_parte_1
Capitulo 14 -_componentes_gui_parte_1Capitulo 14 -_componentes_gui_parte_1
Capitulo 14 -_componentes_gui_parte_1Pedro Neto
 
Como a web funciona
Como a web funcionaComo a web funciona
Como a web funcionaPedro Neto
 
Como a internet funciona
Como a internet funcionaComo a internet funciona
Como a internet funcionaPedro Neto
 
Interfaces POO
Interfaces POOInterfaces POO
Interfaces POOPedro Neto
 
Classes abstratas
Classes abstratasClasses abstratas
Classes abstratasPedro Neto
 
Heranca reescrita e_polimorfismo
Heranca reescrita e_polimorfismoHeranca reescrita e_polimorfismo
Heranca reescrita e_polimorfismoPedro Neto
 
Pacotes -organizando_suas_classes_e_bibliotecas
Pacotes  -organizando_suas_classes_e_bibliotecasPacotes  -organizando_suas_classes_e_bibliotecas
Pacotes -organizando_suas_classes_e_bibliotecasPedro Neto
 
Oficina de Computação Gráfica - Peças resultantes
Oficina de Computação Gráfica - Peças resultantesOficina de Computação Gráfica - Peças resultantes
Oficina de Computação Gráfica - Peças resultantesPedro Neto
 
Minicurso App Inventor
Minicurso App Inventor Minicurso App Inventor
Minicurso App Inventor Pedro Neto
 
Programação Orientada a Objetos
Programação Orientada a ObjetosProgramação Orientada a Objetos
Programação Orientada a ObjetosPedro Neto
 
Avaliação do servidor Web em um Computador Singleboard Raspberry Pi com a Fer...
Avaliação do servidor Web em um Computador Singleboard Raspberry Pi com a Fer...Avaliação do servidor Web em um Computador Singleboard Raspberry Pi com a Fer...
Avaliação do servidor Web em um Computador Singleboard Raspberry Pi com a Fer...Pedro Neto
 
IF MOBILE – DESENVOLVIMENTO DE SOFTWARES PARA DISPOSITIVOS MÓVEIS: APLICATIVO...
IF MOBILE – DESENVOLVIMENTO DE SOFTWARES PARA DISPOSITIVOS MÓVEIS: APLICATIVO...IF MOBILE – DESENVOLVIMENTO DE SOFTWARES PARA DISPOSITIVOS MÓVEIS: APLICATIVO...
IF MOBILE – DESENVOLVIMENTO DE SOFTWARES PARA DISPOSITIVOS MÓVEIS: APLICATIVO...Pedro Neto
 
Desenvolvimento de Aplicativos Móveis
Desenvolvimento de Aplicativos MóveisDesenvolvimento de Aplicativos Móveis
Desenvolvimento de Aplicativos MóveisPedro Neto
 

Mais de Pedro Neto (20)

Capitulo 14 -_componentes_gui_parte_3
Capitulo 14 -_componentes_gui_parte_3Capitulo 14 -_componentes_gui_parte_3
Capitulo 14 -_componentes_gui_parte_3
 
Capitulo 14 -_componentes_gui_parte_1
Capitulo 14 -_componentes_gui_parte_1Capitulo 14 -_componentes_gui_parte_1
Capitulo 14 -_componentes_gui_parte_1
 
Como a web funciona
Como a web funcionaComo a web funciona
Como a web funciona
 
Como a internet funciona
Como a internet funcionaComo a internet funciona
Como a internet funciona
 
Arrays
ArraysArrays
Arrays
 
Interfaces POO
Interfaces POOInterfaces POO
Interfaces POO
 
Classes abstratas
Classes abstratasClasses abstratas
Classes abstratas
 
Heranca reescrita e_polimorfismo
Heranca reescrita e_polimorfismoHeranca reescrita e_polimorfismo
Heranca reescrita e_polimorfismo
 
Pacotes -organizando_suas_classes_e_bibliotecas
Pacotes  -organizando_suas_classes_e_bibliotecasPacotes  -organizando_suas_classes_e_bibliotecas
Pacotes -organizando_suas_classes_e_bibliotecas
 
Daw slide 08
Daw slide 08Daw slide 08
Daw slide 08
 
Daw slide 07
Daw slide 07Daw slide 07
Daw slide 07
 
Daw slide 06
Daw slide 06Daw slide 06
Daw slide 06
 
Daw slide 01
Daw slide 01Daw slide 01
Daw slide 01
 
Sig parte 6
Sig parte 6Sig parte 6
Sig parte 6
 
Oficina de Computação Gráfica - Peças resultantes
Oficina de Computação Gráfica - Peças resultantesOficina de Computação Gráfica - Peças resultantes
Oficina de Computação Gráfica - Peças resultantes
 
Minicurso App Inventor
Minicurso App Inventor Minicurso App Inventor
Minicurso App Inventor
 
Programação Orientada a Objetos
Programação Orientada a ObjetosProgramação Orientada a Objetos
Programação Orientada a Objetos
 
Avaliação do servidor Web em um Computador Singleboard Raspberry Pi com a Fer...
Avaliação do servidor Web em um Computador Singleboard Raspberry Pi com a Fer...Avaliação do servidor Web em um Computador Singleboard Raspberry Pi com a Fer...
Avaliação do servidor Web em um Computador Singleboard Raspberry Pi com a Fer...
 
IF MOBILE – DESENVOLVIMENTO DE SOFTWARES PARA DISPOSITIVOS MÓVEIS: APLICATIVO...
IF MOBILE – DESENVOLVIMENTO DE SOFTWARES PARA DISPOSITIVOS MÓVEIS: APLICATIVO...IF MOBILE – DESENVOLVIMENTO DE SOFTWARES PARA DISPOSITIVOS MÓVEIS: APLICATIVO...
IF MOBILE – DESENVOLVIMENTO DE SOFTWARES PARA DISPOSITIVOS MÓVEIS: APLICATIVO...
 
Desenvolvimento de Aplicativos Móveis
Desenvolvimento de Aplicativos MóveisDesenvolvimento de Aplicativos Móveis
Desenvolvimento de Aplicativos Móveis
 

Último

Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Ilda Bicacro
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManuais Formação
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Ilda Bicacro
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãIlda Bicacro
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...Rosalina Simão Nunes
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfFernandaMota99
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxleandropereira983288
 
VARIEDADES LINGUÍSTICAS - 1. pptx
VARIEDADES        LINGUÍSTICAS - 1. pptxVARIEDADES        LINGUÍSTICAS - 1. pptx
VARIEDADES LINGUÍSTICAS - 1. pptxMarlene Cunhada
 
Dicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelDicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelGilber Rubim Rangel
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamentalAntônia marta Silvestre da Silva
 
A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.silves15
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...azulassessoria9
 
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxSlides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxLuizHenriquedeAlmeid6
 
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxJOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxTainTorres4
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfprofesfrancleite
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfLeloIurk1
 
Atividades sobre Coordenadas Geográficas
Atividades sobre Coordenadas GeográficasAtividades sobre Coordenadas Geográficas
Atividades sobre Coordenadas Geográficasprofcamilamanz
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -Aline Santana
 

Último (20)

Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envio
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! Sertã
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdf
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptx
 
VARIEDADES LINGUÍSTICAS - 1. pptx
VARIEDADES        LINGUÍSTICAS - 1. pptxVARIEDADES        LINGUÍSTICAS - 1. pptx
VARIEDADES LINGUÍSTICAS - 1. pptx
 
Dicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim RangelDicionário de Genealogia, autor Gilber Rubim Rangel
Dicionário de Genealogia, autor Gilber Rubim Rangel
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
 
A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
 
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxSlides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
 
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxJOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
 
Atividades sobre Coordenadas Geográficas
Atividades sobre Coordenadas GeográficasAtividades sobre Coordenadas Geográficas
Atividades sobre Coordenadas Geográficas
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
 

Novos elementos HTML

  • 1. Prof. Pedro Clarindo da Silva Neto
 IFMT
  • 2. Prof. Pedro Clarindo da Silva Neto
  • 3. Novos elementos Article Prof. Pedro Clarindo da Silva Neto Marca um conteúdo autossuficiente em uma página, documento ou aplicação. • W3C
  • 4. Aside Prof. Pedro Clarindo da Silva Neto • W3C Representa uma seção de uma página que consiste de conteúdo que é tangencialmente relacionado ao conteúdo do seu entorno, que poderia ser considerado separado do conteúdo. Novos elementos
  • 5. Aside Prof. Pedro Clarindo da Silva Neto • MDN Muitas vezes contem explicações laterais, como a definição de um glossário; conteúdo vagamente relacionado, como avisos; a biografia do autor; ou, em aplicações web, informações de perfil ou links de blogs relacionados. Novos elementos
  • 6. Menuitem Prof. Pedro Clarindo da Silva Neto • MDN A tag <menuitem> define um item de comando / menu que o usuário pode chamar de um menu pop-up. Novos elementos Atualmente executa em:
  • 7. Menu Prof. Pedro Clarindo da Silva Neto Destina-se a marcar uma lista de comandos e é usado como elemento container para elementos menuitem. Define uma lista / menu de comandos. Usado para menus de contexto, barras de ferramentas e para listar os controles de formulário e comandos. Novos elementos Atualmente executa em: • MDN
  • 8. Datalist Prof. Pedro Clarindo da Silva Neto A tag <datalist> especifica uma lista de opções pré-definidas para um elemento <input> .É utilizado para fornecer um recurso de "autocomplete" em elementos <input>. Novos elementos • W3C
  • 9. Details Prof. Pedro Clarindo da Silva Neto Especifica detalhes adicionais que o usuário pode exibir ou ocultar sob demanda. Pode ser usado para criar um widget interativo que o usuário pode abrir e fechar. Novos elementos • W3C
  • 10. Summary Prof. Pedro Clarindo da Silva Neto O elemento HTML summary é utilizado como um sumário ou legenda para o conteúdo de um elemento <details>. Novos elementos • W3C
  • 11. Embed Prof. Pedro Clarindo da Silva Neto O Elemento HTML <embed> representa um ponto de integração para uma aplicação externa ou conteúdo interativo (em outras palavras, um plug-in). Novos elementos • Maujor
  • 12. Prof. Pedro Clarindo da Silva Neto Novos elementos
  • 13. Figure Prof. Pedro Clarindo da Silva Neto Especifica o conteúdo auto-suficiente, como ilustrações, diagramas, fotos, listas de código, etc. Enquanto o conteúdo do elemento <figure> está relacionada com o fluxo principal, a sua posição é independente do fluxo principal, e se tiver sido removido, não deve afetar o fluxo do documento. Novos elementos • MDN
  • 14. Figcaption Prof. Pedro Clarindo da Silva Neto Representa uma legenda ou uma legenda associada com uma figura ou ilustração descrita pelo resto dos dados do elemento <figure>. Novos elementos • MDN
  • 15. Footer Prof. Pedro Clarindo da Silva Neto representa um rodapé para o seu sectioning content (conteúdo de seção) mais próximo ou sectioning root elemento. Normalmente um rodapé contém informações sobre o autor da seção de dados, direitos autorais ou links para documentos relacionados. Novos elementos • W3C
  • 16. Header Prof. Pedro Clarindo da Silva Neto Representa um container para o conteúdo introdutório ou um conjunto de links de navegação. Contém tipicamente um ou mais elementos cabeçalho (<h1> - <h6>), logotipo ou ícone e informações de autoria. Novos elementos • W3C
  • 17. Main Define o conteúdo principal dentro do <body> em seu documento ou aplicação. Entende-se como conteúdo principal aquele relacionado diretamente com o tópico central da página ou com a funcionalidade central da aplicação. Novos elementos • W3C Prof. Pedro Clarindo da Silva Neto
  • 18. Mark Representa um trecho de destaque em um texto, por exemplo, uma sequência de texto marcado como referência, devido à sua relevância em um contexto particular. Novos elementos • W3C Prof. Pedro Clarindo da Silva Neto
  • 19. Meter O elemento HTML meter (<meter>) pode representar um valor escalar dentro de um intervalo conhecido ou um valor fracionário. Novos elementos • W3C Prof. Pedro Clarindo da Silva Neto
  • 20. Nav O Elemento HTML de Navegação (<nav>) representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação. Novos elementos • W3C Prof. Pedro Clarindo da Silva Neto
  • 21. Output O elemento saída (<output>) representa o resultado de um cálculo. Novos elementos • W3C Prof. Pedro Clarindo da Silva Neto
  • 22. Progress Usado para visualizar o progresso de uma tarefa. Embora as especifidades de como é mostrado ficam a cargo do desenvolvedor, tipicamente, é mostrado como uma barra de progresso. Novos elementos • W3C Prof. Pedro Clarindo da Silva Neto
  • 23. Section Representa uma seção genérica de um documento, isto é um agrupamento temático de conteúdos, tipicamente com um título. Novos elementos • W3C Prof. Pedro Clarindo da Silva Neto
  • 24. Dialog Cria uma caixa de diálogo, uma caixa de inspeção ou uma janela modal de interação com o usuário. Novos elementos • Maujor Prof. Pedro Clarindo da Silva Neto