Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Posso usar a tag article em cada <h2> e seu respectivo conteúdo (tags <blockquote> e <p>) na página bio.html?

<main>
            <h1>Sobre mim</h1>

            <p>Moro em São Paulo mas atendo clientes do mundo todo. Sou conhecido por fazer produtos de <em>qualidade</em>, <em>durabilidade</em> e que <em>agregam valor</em> para meus clientes.</p>

            <p>Trabalho usando a web como plataforma, ou seja, respiro HTML5, CSS3 e JavaScript (ou melhor: ECMASCript). Crio sites para todos, seguindo as principais diretivas de acessibilidade, responsividade e web semântica, sem descuidar da qualidade de código.</p>

            <h2>Como trabalho</h2>

            <blockquote>
                <p>João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!</p>
                <cite>José Souza, Fiat</cite>
            </blockquote>

            <p>Satisfazer meus clientes é prioridade. Para isso, garanto um processo de desenvolvimento altamente interativo, baseado em feedback contínuo. <strong>Não trabalho com escopo fechado</strong>: o cliente é que decide quando o produto está pronto.</p>

            <p>Também não trabalho com prazos fechados: <strong>qualidade é importante demais para ser sacrificada</strong>.</p>

            <h2>Experiência</h2>

            <blockquote>
                <p>João domina as tecnologias como ninguém. Eu apresentava um problema, ele tinha na ponta da língua a solução mais adequada com as tecnologias mais recentes.</p>
                <cite>Manoel Santos, Petrobrás</cite>
            </blockquote>

            <p>Já desenvolvi projetos para grandes empresas como <a href="http://www.bmw.com">BMW</a>, <a href="http://www.uol.com.br">UOL</a> e <a href="http://www.ibm.com.br">IBM</a>. Neles, o foco principal era entregar uma experiência imersiva e impactante para o usuário final sem descuidar do desempenho e da acessibilidade da página.</p>

            <p>Também já fui contratado para transformar grandes portais, como <a href="http://www.terra.com.br">Terra</a> e <a href="http://www.g1.globo.com">G1</a>, em páginas responsivas. Fui responsável por renovar o layout, reorganizar o conteúdo e re-escrever o código de forma mais reaproveitável.</p>

            <h2>Comunidade</h2>

            <p>Procuro repassar meu conhecimento para a comunidade. Para isso, já dei <a href="portfolio.html">diversas palestras</a> e mantenho um <a href="blog.html">blog</a>.</p>
        </main>
3 respostas

Oi Alexandre tudo bem?

Sim desde que atenda a especificação da W3C que cuida das normas do HTML.

O elemento article destina-se a marcar um conteúdo que se constitua em um componente autossuficiente em uma página, aplicação ou site e que possa ser distribuido ou reusado de forma independente (isolada), como por exemplo via sindicalização. Tal conteúdo pode ser um post em um fórum, um artigo de uma revista ou jornal, uma matéria em um blog, um comentário de um usuário, um widget ou gadget interativo ou qualquer outro item independente de conteúdo.

http://www.w3.org/TR/html5/semantics.html#the-article-element

Espero ter ajudado!!!

André, continuo com a dúvida. Talvez, respondendo diretamente a minha pergunta, eu possa entender melhor o uso da tag article. Eu posso englobar o h2 e seu conteúdo com a tag article? E, quanto ao h1 e seu conteúdo?

solução!

Então Alexandre, o article é só uma marcação, ele não faz diferença nenhuma na programação do código, você poderia usar uma tag chamada artigo que em termos de html (esquecendo qualquer estilo CSS atrelado a article ou códigos javascript que você poderia atrelar ao article) que daria na mesma. Se você quiser usar não tem problema mas não há necessidade alguma.

Eu vou abrir o projeto final do professor que é o autor do texto e ver como ele fez.

Ele não usou o article nesse texto. Eu também não usaria pois só usaria o article se tivesse um sobre mim e um sobre meu sócio por exemplo. Toda a página é sobre um mesmo assunto então não vejo necessidade de usar o article.

Se eu fosse usar o article eu colocaria dentro do main inteiro e todo conteúdo dentro do article.

Se tivesse um sobre meu sócio colocaria um em cada article.

Respondendo diretamente. Eu posso englobar o h2 e seu conteúdo com a tag article? Sim mas não fica semanticamente correto. E, quanto ao h1 e seu conteúdo? Também pode mas não fica semanticamente correto.

Article é para um post em um fórum, um artigo de uma revista ou jornal, uma matéria em um blog, um comentário de um usuário, um widget ou gadget interativo ou qualquer outro item independente de conteúdo.

Espero ter ajudado!!!