Comment Feed for Channel 9 - HTML5 - Modelos de Conteúdo http://mschnlnine.vo.llnwd.net/d1/Dev/App_Themes/C9/images/feedimage.png Channel 9 - HTML5 - Modelos de Conteúdo MODELOS DE CONTEÚDO Há pequenas regras básicas que nós já conhecemos e que estão no HTML desde o início. Estas regras definem onde os elementos podem ou não estar. Se eles podem ser filhos ou pais de outros elementos e quais os seus comportamentos. Dentre todas as categorias de modelos de conteúdo, existem dois tipos de elementos: elementos de linha e de bloco. Os elementos de linha marcam, na sua maioria das vezes, texto. Alguns exemplos: a, strong, em, img, input, abbr, span. Os elementos de blocos são como caixas, que dividem o conteúdo nas seções do layout. Abaixo segue algumas premissas que você precisa relembrar e conhecer: Os elementos de linha podem conter outros elementos de linha, dependendo da categoria que ele se encontra. Por exemplo: o elemento a não pode conter o elemento label. Os elementos de linha nunca podem conter elementos de bloco. Elementos de bloco sempre podem conter elementos de linha. Elementos de bloco podem conter elementos de bloco, dependendo da categoria que ele se encontra. Por exemplo, um parágrafo não pode conter um DIV. Mas o contrário é possível. Estes dois grandes grupos podem ser divididos em categorias. Estas categorias dizem qual modelo de conteúdo o elemento trabalha e como pode ser seu comportamento. Categorias Cada elemento no HTML pode ou não fazer parte de um grupo de elementos com características similares. As categorias estão a seguir. Manteremos os nomes das categorias em inglês para que haja um melhor entendimento: 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: Metadata content Os elementos que compõe a categoria Metadata são: base command link meta noscript script style title 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. 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 (se for um decendente de um elemento de mapa) article aside 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 (Se o atributo itemprop for utilizado) map mark math menu meta (Se o atributo itemprop for utilizado) meter nav noscript object ol output p pre progress q ruby samp script section select small span strong style (Se o atributo scoped for utilizado) sub sup svg table textarea time ul var video wbr Text Por via de regra, elementos que seu modelo de conteúdo permitem inserir qualquer elemento que se encaixa no Flow Content, devem ter pelo menos um descendente de texto ou um elemento des­cendente que faça parte da categoria embedded. Sectioning content Estes elementos definem um grupo de cabeçalhos e rodapés. article aside nav section Basicamente são elementos que juntam grupos de textos no documento. 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 (se ele for descendente de um elemento de mapa) audio b bdo br button canvas cite code command datalist del (se ele contiver um elemento da categoria de Phrasing) dfn em embed i iframe img input ins (se ele contiver um elemento da categoria de Phrasing) kbd keygen label link (se o atributo itemprop for utilizado) map (se apenas ele contiver um elemento da categoria de Phrasing) mark math meta (se o atributo itemprop for utilizado) 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. 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 (se o atributo control for utilizado) button details embed iframe img (se o atributo usemap for utilizado) input (se o atributo type não tiver o valor hidden) keygen label menu (se o atributo type tiver o valor toolbar) object (se o atributo usemap for utilizado) select textarea video (se o atributo control for utilizado) Alguns elementos no HTML podem ser ativados por um comportamento. Isso significa que o usuário pode ativá-lo de alguma forma. O início da sequencia de eventos depende do mecanismo de ativação e normalmente culminam em um evento de click seguido pelo evento DOMActivate. O user-agent permite que o usuário ative manualmente o elemento que tem este comportamento utilizando um teclado, mouse, comando de voz etc.   Este treinamento faz parte do Microsoft Virtual Academy: http://www.microsoftvirtualacademy.com en Sun, 26 May 2013 07:20:14 GMT Sun, 26 May 2013 07:20:14 GMT Rev9 Re: HTML5 - Modelos de Conteúdo posted by Carlos Junior

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634764836923812668 Thu, 28 Jun 2012 12:34:52 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634764836923812668 Carlos Junior Re: HTML5 - Modelos de Conteúdo posted by Andre Bernardino Cardoso

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634771391233265611 Fri, 06 Jul 2012 02:38:43 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634771391233265611 Andre Bernardino Cardoso Re: HTML5 - Modelos de Conteúdo posted by Fernando Cardoso Ribeiro

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634777339353324802 Thu, 12 Jul 2012 23:52:15 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634777339353324802 Fernando Cardoso Ribeiro Re: HTML5 - Modelos de Conteúdo posted by altieres

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634781394744946246 Tue, 17 Jul 2012 16:31:14 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634781394744946246 altieres Re: HTML5 - Modelos de Conteúdo posted by Leandro Siqueira

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634788994350634502 Thu, 26 Jul 2012 11:37:15 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634788994350634502 Leandro Siqueira Re: HTML5 - Modelos de Conteúdo posted by Thiago

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634794304939546134 Wed, 01 Aug 2012 15:08:13 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634794304939546134 Thiago Re: HTML5 - Modelos de Conteúdo Parabéns.

posted by Arthur Ciurilli

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634794777325664373 Thu, 02 Aug 2012 04:15:32 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634794777325664373 Arthur Ciurilli Re: HTML5 - Modelos de Conteúdo posted by Felipe

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634806358621322879 Wed, 15 Aug 2012 13:57:42 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634806358621322879 Felipe Re: HTML5 - Modelos de Conteúdo Difícil de lembrar, mas muito fácil para entender

posted by Ademilson

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634806578293079135 Wed, 15 Aug 2012 20:03:49 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634806578293079135 Ademilson Re: HTML5 - Modelos de Conteúdo Otima explicação . Cool

posted by EltoLvisck

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634807316938082544 Thu, 16 Aug 2012 16:34:53 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634807316938082544 EltoLvisck Re: HTML5 - Modelos de Conteúdo posted by JeffersonR

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634808609389455412 Sat, 18 Aug 2012 04:28:58 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634808609389455412 JeffersonR Re: HTML5 - Modelos de Conteúdo posted by Johan

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634814653482657479 Sat, 25 Aug 2012 04:22:28 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634814653482657479 Johan Re: HTML5 - Modelos de Conteúdo Johan, no Prime cursos tem um curso de webdesign gratuito. Explica bem tudo sobre o html.

Quem tem dúvidas acesse: http://www.primecursos.com.br/

Quanto ao conteúdo abordado aqui, muito bom! Está complementando meus estudos.

posted by waniam

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634820593319190172 Sat, 01 Sep 2012 01:22:11 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634820593319190172 waniam Re: HTML5 - Modelos de Conteúdo posted by Alexandre

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634854886793090281 Wed, 10 Oct 2012 17:57:59 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634854886793090281 Alexandre Re: HTML5 - Modelos de Conteúdo Este tópico foi bem elaborado!!

posted by Bob Sperfeld

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634855627566778266 Thu, 11 Oct 2012 14:32:36 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634855627566778266 Bob Sperfeld Re: HTML5 - Modelos de Conteúdo posted by Fernando

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634859889010510707 Tue, 16 Oct 2012 12:55:01 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634859889010510707 Fernando Re: HTML5 - Modelos de Conteúdo posted by Thiago Rodrigues

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634859923997892962 Tue, 16 Oct 2012 13:53:19 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634859923997892962 Thiago Rodrigues Re: HTML5 - Modelos de Conteúdo posted by Osmar Fraga

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634861653637187102 Thu, 18 Oct 2012 13:56:03 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634861653637187102 Osmar Fraga Re: HTML5 - Modelos de Conteúdo posted by Carlos Henrique

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634868680771757945 Fri, 26 Oct 2012 17:07:57 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634868680771757945 Carlos Henrique Re: HTML5 - Modelos de Conteúdo posted by Marco Schram

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634871257988530662 Mon, 29 Oct 2012 16:43:18 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634871257988530662 Marco Schram Re: HTML5 - Modelos de Conteúdo posted by Leonardo Mota Rodrigues

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634878799778345318 Wed, 07 Nov 2012 10:12:57 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634878799778345318 Leonardo Mota Rodrigues Re: HTML5 - Modelos de Conteúdo Seria bom aborda as principais tags que utilizamos no dia a dia.

posted by phweb

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634880148430445856 Thu, 08 Nov 2012 23:40:43 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634880148430445856 phweb Re: HTML5 - Modelos de Conteúdo posted by Johnny Suzuki

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634883220815577961 Mon, 12 Nov 2012 13:01:21 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634883220815577961 Johnny Suzuki Re: HTML5 - Modelos de Conteúdo Explicação direta e objetiva

posted by M8SOLUCOES

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634896087563976263 Tue, 27 Nov 2012 10:25:56 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634896087563976263 M8SOLUCOES Re: HTML5 - Modelos de Conteúdo posted by Claudinei de Camarto

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634897152562721063 Wed, 28 Nov 2012 16:00:56 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634897152562721063 Claudinei de Camarto Re: HTML5 - Modelos de Conteúdo posted by helen

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634898138157930538 Thu, 29 Nov 2012 19:23:35 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634898138157930538 helen Re: HTML5 - Modelos de Conteúdo posted by alexsandro

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634914827790779338 Wed, 19 Dec 2012 02:59:39 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634914827790779338 alexsandro Re: HTML5 - Modelos de Conteúdo posted by manoel mota

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634915703656526089 Thu, 20 Dec 2012 03:19:25 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634915703656526089 manoel mota Re: HTML5 - Modelos de Conteúdo posted by Cassio augusto

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634917348470127467 Sat, 22 Dec 2012 01:00:47 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634917348470127467 Cassio augusto Re: HTML5 - Modelos de Conteúdo Ótimo conteúdo de apoio

posted by Murilo

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634917880666662174 Sat, 22 Dec 2012 15:47:46 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634917880666662174 Murilo Re: HTML5 - Modelos de Conteúdo posted by Adriel Esteves

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634918864509636992 Sun, 23 Dec 2012 19:07:30 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634918864509636992 Adriel Esteves Re: HTML5 - Modelos de Conteúdo Eu particularmente ainda não utilizei uns 70% desses novos elementos, tem coisa demais. Mas é assim mesmo, aos poucos vamos implementando em nossas soluções web os novos recursos. Parabéns pelo artigo.

posted by JanynneGomes

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634932397886336445 Tue, 08 Jan 2013 11:03:08 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634932397886336445 JanynneGomes Re: HTML5 - Modelos de Conteúdo Excelente texto, explicativo e direto.

posted by IvanVieira

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634952463840579606 Thu, 31 Jan 2013 16:26:24 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634952463840579606 IvanVieira Re: HTML5 - Modelos de Conteúdo posted by Gilson

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634966310921879375 Sat, 16 Feb 2013 17:04:52 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634966310921879375 Gilson Re: HTML5 - Modelos de Conteúdo posted by Stella

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634977629703946056 Fri, 01 Mar 2013 19:29:30 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634977629703946056 Stella Re: HTML5 - Modelos de Conteúdo posted by Dilson

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634989911960926438 Sat, 16 Mar 2013 00:39:56 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634989911960926438 Dilson Re: HTML5 - Modelos de Conteúdo posted by Jose Carlos da Silva

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634994058280587025 Wed, 20 Mar 2013 19:50:28 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634994058280587025 Jose Carlos da Silva Re: HTML5 - Modelos de Conteúdo posted by Wilson Ney

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634999472428768447 Wed, 27 Mar 2013 02:14:02 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c634999472428768447 Wilson Ney Re: HTML5 - Modelos de Conteúdo
Neste vídeo como ativar as tags html 5 nos IEs antigos: https://www.youtube.com/watch?v=hhTQPcqLWTI

posted by Joao verissimo

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c635008546744760002 Sat, 06 Apr 2013 14:17:54 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c635008546744760002 Joao verissimo Re: HTML5 - Modelos de Conteúdo posted by Rogerio Soares

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c635026715728426013 Sat, 27 Apr 2013 14:59:32 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c635026715728426013 Rogerio Soares Re: HTML5 - Modelos de Conteúdo Alguns elementos no HTML podem ser ativados por um comportamento. Isso significa que o usuário pode ativá-lo de alguma forma. O início da sequencia de eventos depende do mecanismo de ativação e normalmente culminam em um evento de click seguido pelo evento DOMActivate.

O user-agent permite que o usuário ative manualmente o elemento que tem este comportamento utilizando um teclado, mouse, comando de voz etc.

posted by daniel

]]> http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c635050902213877277 Sat, 25 May 2013 14:50:21 GMT http://channel9.msdn.com/posts/HTML5-Modelos-de-Contedo#c635050902213877277 daniel