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

Html 5 -_aula_2

  • 1.
    Prof. Pedro Clarindoda Silva Neto
 IFMT
  • 2.
    Prof. Pedro Clarindoda Silva Neto
  • 3.
    Novos elementos Article Prof. PedroClarindo da Silva Neto Marca um conteúdo autossuficiente em uma página, documento ou aplicação. • W3C
  • 4.
    Aside Prof. Pedro Clarindoda 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 Clarindoda 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 Clarindoda 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 Clarindoda 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 Clarindoda 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 Clarindoda 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 Clarindoda 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 Clarindoda 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 Clarindoda Silva Neto Novos elementos
  • 13.
    Figure Prof. Pedro Clarindoda 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 Clarindoda 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 Clarindoda 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 Clarindoda 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údoprincipal 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 trechode 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 HTMLmeter (<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 HTMLde 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 visualizaro 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çãogené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 caixade 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