CloudWare

cafelog-coffee

HTML5: Categorias dos Elementos

Quinta, 18 Agosto 2011

Conheça as categorias que organizam as tags HTML5.

html5

Cada elemento no HTML pode ou não fazer parte de um grupo de elementos com características similares. Confira as 7 categorias existentes:

  • Metadata Content
  • Flow Content
  • Sectioning Content
  • Heading Content
  • Phrasing Content
  • Embedded Content
  • Interactive Content

Abaixo segue como as categorias estão relacionadas de acordo com o WHATWG:

html5 categorias

Metadata Content

Este conteúdo vem antes da apresentação, formando uma relação com o documento e seu conteúdo com outros documentos que distribuem informação por outros meios. Os elementos que compõe a categoria Metadata são:

  • base
  • command
  • ink
  • meta
  • noscript
  • script
  • style
  • title

Flow Content

A maioria dos elementos utilizados no body e aplicações são categorizados como Flow Content. São eles:

  • a
  • abbr
  • address
  • area
  • article
  • aside
  • Markup
  • audio
  • b
  • bdo
  • blockquote
  • br
  • button
  • canvas
  • cite
  • code
  • command
  • datalist
  • del
  • details
  • dfn
  • div
  • dl
  • em
  • embed
  • fieldset
  • figure
  • footer
  • form
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • header
  • hgroup
  • hr
  • i
  • iframe
  • img
  • input
  • ins
  • kbd
  • keygen
  • label
  • link
  • map
  • mark
  • math
  • menu
  • meta
  • meter
  • nav
  • noscript
  • object
  • ol
  • output
  • p
  • pre
  • progress
  • q
  • ruby
  • samp
  • script
  • section
  • select
  • small
  • span
  • strong
  • style
  • sub
  • sup
  • svg
  • table
  • textarea
  • time
  • ul
  • var
  • video
  • wbr
  • Text

Sectioning Content

Basicamente são elementos que juntam grupos de textos no documento.

  • article
  • aside
  • nav
  • section

Heading Content

Os elementos da categoria Heading definem uma seção de cabeçalhos, que podem estar contidos em um elemento na categoria Sectioning.

  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • hgroup

Phrasing Content

Fazem parte desta categoria elementos que marcam o texto do documento, bem como os elementos que marcam este texto dentro do elemento de parágrafo.

  • a
  • abbr
  • area
  • audio
  • b
  • bdo
  • br
  • button
  • canvas
  • cite
  • code
  • command
  • datalist
  • del
  • dfn
  • em
  • embed
  • i
  • iframe
  • img
  • input
  • ins
  • kbd
  • keygen
  • label
  • link
  • map
  • mark
  • math
  • meta
  • meter
  • noscript
  • object
  • output
  • progress
  • q
  • ruby
  • samp
  • script
  • select
  • small
  • span
  • strong
  • sub
  • sup
  • svg
  • textarea
  • time
  • var
  • video
  • wbr
  • Text

Embedded Content

Na categoria Embedded, há elementos que importam outra fonte de informação para o documento, como áudio, vídeo e imagens.

  • audio
  • canvas
  • embed
  • iframe
  • img
  • math
  • object
  • svg
  • video

Interactive Content

Interactive Content são elementos que fazem parte da interação de usuário.

  • a
  • audio
  • button
  • details
  • embed
  • iframe
  • img
  • input
  • keygen
  • label
  • menu
  • object
  • select
  • textarea
  • video

Android

Java

Hibernate

Joomla!

CSS3

HTML5

Saia na Frente

html5 css3

Sobre Mim

sobre-foto-2Adriel Café é Web Master e Desenvolvedor Java. Ele incentiva o uso/estudo de Web Standards, Java e Android.

Saiba Mais

Encontre-me

facebook linkedin