Blog Post

HTML5 - Modelos de Conteúdo

Sign in to queue

The Discussion

  • User profile image
    Carlos Junior

    Excelente explicação!

  • User profile image
    Andre Bernardino Cardoso

    A explicação é muito boa, mas lembrar com facilidade das regras para cada elemento é difícil porque mesmo se a pessoa tiver muita prática, existem elementos que não são muito utilizados. Essa lista ajuda muito caso haja alguma duvida mesmo que essa dúvida seja na prática.

  • User profile image
    Fernando Cardoso Ribeiro

    Gostei muito!

  • User profile image
    altieres

    Excelente explicação,gostei muito.

  • User profile image
    Leandro Siqueira

    A forma como é abordado o assunto é excelente para todos nós, estudantes! Grato!

  • User profile image
    Thiago

    Excelentes segmentação e abordagem.

  • User profile image
    Arthur Ciurilli

    Muito bom! Excelente explicação!!!
    Parabéns.

  • User profile image
    Felipe

    Boa explicação sobre os elementos.

  • User profile image
    Ademilson

    Difícil de lembrar, mas muito fácil para entender

  • User profile image
    EltoLvisck

    Otima explicação . Cool

  • User profile image
    JeffersonR

    jaja decoro todas as tags D:

  • User profile image
    Johan

    Existe algum lugar com todos os exemplos de todas as tags? explicando para que serve cada uma?

  • User profile image
    waniam

    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.

  • User profile image
    Alexandre

    Em http://www.w3schools.com/ apresenta todos os elementos detalhadamente, e vários exemplos de utilização, e mais uma vez parabéns a equipe da Microsoft Virtual Academy!

  • User profile image
    Bob Sperfeld

    Estou começando a compreender de maneira mais rápida.
    Este tópico foi bem elaborado!!

  • User profile image
    Fernando

    Muito elementos para lembrar ou mesmo usar, porém muito elucidativo.

  • User profile image
    Thiago Rodrigues

    Otima explicação.

  • User profile image
    Osmar Fraga

    Muito Bom...

  • User profile image
    Carlos Henrique

    Ótimo conteúdo!

  • User profile image
    Marco Schram

    Muito boa sistematização das tag e suas categorias.

  • User profile image
    Leonardo Mota Rodrigues

    Beleza :D

  • User profile image
    phweb

    Seria bom aborda as principais tags que utilizamos no dia a dia.

  • User profile image
    Johnny Suzuki

    Uma das principais vantagens do HTML é seu uso com o CSS e apesar de controverso, ir substituindo as malditas animações em FLASH, que seria uma das principais vantagens na interatividade. Seria uma boa se tocassem neste assunto...

  • User profile image
    M8SOLUCOES

    Explicação direta e objetiva

  • User profile image
    Claudinei de Camarto

    Excelente explicação sobre a sistematização e de como as tags estão divididas

  • User profile image
    helen

    Acho que este curso deveria ser em vídeos aulas e com exemplos práticos, ia ter um aprendizado muito melhor, tanto para iniciante como não.

  • User profile image
    alexsandro

    muita tag --' mais o Dreamweaver Cs5 nos ajudará :)

  • User profile image
    manoel mota

    Apesar da divisão por em categorias só podemos utilizá-los corretamente com a prática. Não é algo intuitivo, mais que pode ser assimilida com experiências com a linguagem.

  • User profile image
    Cassio augusto

    Muito bom este conteúdo esclarecedor mesmo aos que estão no intermediário.

  • User profile image
    Murilo

    Ótimo conteúdo de apoio

  • User profile image
    Adriel Esteves

    Senti falta de exemplos de códigos para facilitar a explicação.

  • User profile image
    JanynneGomes

    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.

  • User profile image
    IvanVieira

    Excelente texto, explicativo e direto.

  • User profile image
    Gilson

    Muito boa explicação!

  • User profile image
    Stella

    Ótima explicação, mas falta exemplos práticos!!!

  • User profile image
    Dilson

    Gostei, mas precisa de exemplos pra fixar.

  • User profile image
    Jose Carlos da Silva

    Super interessante.

  • User profile image
    Wilson Ney

    Muito bom post explicando a maior depedência do HTML5 que são as mudanças e as regras para desenvolvedores da linguagem, logo logo estarei gravando tudo. Obrigado!

  • User profile image
    Joao verissimo

    Sei que estou pisando em ovos, mas a história da ms com os seus ie 7, 8 e 9 com o html da dor de cabeça para muitos.

    Neste vídeo como ativar as tags html 5 nos IEs antigos: https://www.youtube.com/watch?v=hhTQPcqLWTI

  • User profile image
    Rogerio Soares

    Excelente!

  • User profile image
    daniel

    Poderia aprofundar mais esse tópico:
    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.

  • User profile image
    Jonathas Alves

    Parabéns pelo post!

  • User profile image
    viniciusepi​plon

    Falta um didatismo aí pra se parecer menos com um dicionário. Uma lista dessas pode muito bem ser consultada de outro lugar, como a página da w3c.

  • User profile image
    AlexSantana

    Legal, mas concordo com o viniciusepip​lon

  • User profile image
    Fabio Adad Denardi

    Ótima explicação

  • User profile image
    Fagner

    Texto interessante, porém nem entendi muito bem a aplicabilidade disto tudo que lí até o momento, seria interessante algo do tipo, sempre ter uma sessão de exemplos e para que possamos também praticar o que acabamos de ver...

  • User profile image
    Valdinei​Filho

    Valeu!

  • User profile image
    Anderson Oliveira

    Muitos estão sendo hipócritas em dizer que entenderam este post perfeitamente. Tem coisas ali que ficam meio embaraçadas se não for mostrado exemplos práticos...só sei que to feito um nerd revirando a net atrás de conteúdo sobre HTML, quero dominar tudo, e acreditem já li tudo que tem nesse post em outros locais na web!

  • User profile image
    Isabela

    Ótima definição e conteúdo extenso para o aprendizado.

  • User profile image
    Rildson

    foi uma explicação abstrata dos elementos contidos em subgrupos,o que não vem a somar se não houver um vídeo de pratica!

  • User profile image
    thayrison

    muito boa a explicação, uma que eu desconhecia que
    a maioria dos elementos utilizados no body e aplicações são categorizados como Flow Content. no meu curso nenhum momento falaram sobre eles.. mais gostei

  • User profile image
    Diego Moreira

    Muito boa a explicação.

  • User profile image
    Jose F Tepedino

    Consta no W3C que a tag hgroup foi removida do HTML5.
    [W3C - Changes from 14 September 2012 to 6 May 2013]
    • The hgroup element has been dropped. (W3C HTML5 and W3C HTML5.1.)
    http://www.w3.org/TR/html5-diff/
    Estou iniciando o primeiro modulo do curso no Microsoft Virtual Academy; acho que alguns exemplos e exercícios poderiam ajudar muito, espero encontrá-los nos outros módulos. Caso não existam, fica a sugestão!

  • User profile image
    Felipe Lisboa

    Esclarecedor o texto, para mim principalmente o termo section, já que meu site é todo separado por esse tag que entendo agora ser para o cabeçalho e rodapé.

    Felipe

  • User profile image
    samuelsilva

    Muito bom, agora a separação por categorias, acredito que fique mais fácil de se trabalhar quando se trata de separação por categorias, ou seja fica mais visível e fácil de se utilizar.

    Como citou nosso amigo acima, seria interessante apresentar alguns exemplos, mesmo que seja exemplos simples, pois isso torna-se pratica.

  • User profile image
    pernoli

    Boa visão panorâmica da estrutura do HTML 5.

  • User profile image
    Ricardo

    Ótimo, quanta explicação de grande valia para quem quer realmente aprender.

  • User profile image
    Raphael Lucas

    Boa explicação, acabe agora aprofundar nesses conteúdo pois são muitos detalhes.

  • User profile image
    wladimir

    Boa explicação

  • User profile image
    jonathan

    O elemento hgroup foi removido da especificação pela W3C

  • User profile image
    bruno

    Bem direto

  • User profile image
    Leo barbosa

    Good!

  • User profile image
    igor

    A explicação estava otima, mas tem alguns elementos que eu nunca ouvi falar, mas fora a isso, é uma excelente explicação...

  • User profile image
    Lucas Frutig

    O elemento header não entraria dentro da Section Content?

  • User profile image
    Victor

    Explicativo e Direto, fácil aprendizado!

  • User profile image
    Fernando

    E esse hgroup, por que continua no texto?

  • User profile image
    EdimilsonJr

     Valeu...

  • User profile image
    AiltonDJesus

    Seria bom se fosse possível baixar em PDF.

  • User profile image
    Jefferson Mathias

    Johan tudo bem?

    Hoje em dia tem vários sites com Cursos Gratuitos e Online.

    Olha esse, com tecnologia do Google (Materialize): https://www.cursosgratuitos.com.br/

    Indiferente de onde for fazer, você acha material de graça na internet

  • User profile image
    Regis Monteiro

    <a href="http://www.google.com.br">Google</a>

  • User profile image
    marcelojand​rei

    eu vi algo parecido relacionado a cursos online gratuitos no site da certificado cursos online

  • User profile image
    Leandro

    O HTML5 trouxe sem dúvidas muita inovação para os desenvolvedores front-end, mas é preciso ficar atualizado constantemente, pois muita coisa nova acontece todos os anos. Além dos cursos oficiais, existem muitos cursos excelentes e outras formas de aprender de maneira autodidata, como realizar cursos online com certificado gratuito, em sites como o Cursos Avante: http://cursosavante.com.br

  • User profile image
    bzrrale

    O HTML5 trouxe sem dúvidas muita inovação para os desenvolvedores front-end, mas é preciso ficar atualizado constantemente, pois muita coisa nova acontece todos os anos. Além dos cursos oficiais, existem muitos cursos excelentes e outras formas de aprender de maneira autodidata, como realizar cursos online com certificado gratuito, em sites como o Cursos Avante

Add Your 2 Cents