Skip to main content
adicionou 195 caracteres ao conteúdo
Fonte Link

Resumo: <section> por sí só não tem um significado, já <article> deve ser usado para representar elementos que são independentes e auto-explicativos.

section: A especificação diz que ele é um bloco de conteúdo semânticamente genérico, ou seja: ele não tem um significado explícito e você deveria usar ele caso não houver outros elementos mais semânticos que melhor descrevem o conteúdo em questão. A ponto chave aqui é que, o que vai dar o significado para o <section> é um título que está dentro dele (valores do atributo role também).
Ex.:

section: A especificação diz que ele é um bloco de conteúdo semânticamente genérico, ou seja: ele não tem um significado explícito e você deveria usar ele caso não houver outros elementos mais semânticos que melhor descrevem o conteúdo em questão. A ponto chave aqui é que, o que vai dar o significado para o <section> é um título que está dentro dele.
Ex.:

Resumo: <section> por sí só não tem um significado, já <article> deve ser usado para representar elementos que são independentes e auto-explicativos.

section: A especificação diz que ele é um bloco de conteúdo semânticamente genérico, ou seja: ele não tem um significado explícito e você deveria usar ele caso não houver outros elementos mais semânticos que melhor descrevem o conteúdo em questão. A ponto chave aqui é que, o que vai dar o significado para o <section> é um título que está dentro dele (valores do atributo role também).
Ex.:

adicionou 17 caracteres ao conteúdo
Fonte Link

section: A especificação diz que ele é um bloco de conteúdo semânticamente genérico, ou seja: ele não tem um significado explícito e você deveria usar ele caso não houver outros elementos mais semânticos que melhor descrevem o conteúdo em questão. A ponto chave aqui é que, o que vai dar o significado para o <section> é um título que está dentro dele. 
Ex.:

Nesse caso, o título está dando significado a aquela <section>. Vale deixar bem claro também que, se por acaso na <section> que você estiver usando não tiver um título dentro dela, muito possivelmente isso quer dizer que você está usando a <section> de forma errada, e seria mais apropriado por exemplo utilizar um <div>. 
Ex.:

article: Ele basicamente é um elemento independente, que não possui relação direta com o restante da página e que mesmo se o seu conteúdo fosse tratado de forma independente ele continuaria fazendo sentido, pois o seu conteúdo não possui relação direita com a pagina. Ele é ideal para ser usado por exemplo para envolver o conteúdo dentro de um artigo (já que ele é independente do resto da página), tanto como os comentários da página (já que eles são independentes e podem reutilizados separadamente), ou até um card de um produto, uma propaganda, um card de um vídeo também (vídeos do YouTube)... E por aí vai. Nesse caso também é legal ter um título dentro do , mas não é obrigatório. Caso você tenha um <article> dentro de um outro <article> implica dizer que o elemento aninhado possui uma relação direta com o seu <article> pai, sendo isso útil para envolver semânticamente os comentários de um artigo. 
Ex.:

OBS: Perceba que o <article> principal representa o artigo como um todo, e os artigos dentro dele representa os comentários, pois os comentários possuem uma relação direta com o artigo.
OBS2: Se você olhar bem, dentro de cada <article> tem um <header>. Esse header basicamente serve para dar mais informações sobre o <article>. Você poderia usar um <footer> também. 
OBS3: Perceba também que eu usei um </section> dentro do <article<article>. Isso é normal, pois como eu disse:

``adress
``article
``adress
``article

section: A especificação diz que ele é um bloco de conteúdo semânticamente genérico, ou seja: ele não tem um significado explícito e você deveria usar ele caso não houver outros elementos mais semânticos que melhor descrevem o conteúdo em questão. A ponto chave aqui é que, o que vai dar o significado para o <section> é um título que está dentro dele. Ex.:

Nesse caso, o título está dando significado a aquela <section>. Vale deixar bem claro também que, se por acaso na <section> que você estiver usando não tiver um título dentro dela, muito possivelmente isso quer dizer que você está usando a <section> de forma errada, e seria mais apropriado por exemplo utilizar um <div>. Ex.:

article: Ele basicamente é um elemento independente, que não possui relação direta com o restante da página e que mesmo se o seu conteúdo fosse tratado de forma independente ele continuaria fazendo sentido, pois o seu conteúdo não possui relação direita com a pagina. Ele é ideal para ser usado por exemplo para envolver o conteúdo dentro de um artigo (já que ele é independente do resto da página), tanto como os comentários da página (já que eles são independentes e podem reutilizados separadamente), ou até um card de um produto, uma propaganda, um card de um vídeo também (vídeos do YouTube)... E por aí vai. Nesse caso também é legal ter um título dentro do , mas não é obrigatório. Caso você tenha um <article> dentro de um outro <article> implica dizer que o elemento aninhado possui uma relação direta com o seu <article> pai, sendo isso útil para envolver semânticamente os comentários de um artigo. Ex.:

OBS: Perceba que o <article> principal representa o artigo como um todo, e os artigos dentro dele representa os comentários, pois os comentários possuem uma relação direta com o artigo.
OBS2: Se você olhar bem, dentro de cada <article> tem um <header>. Esse header basicamente serve para dar mais informações sobre o <article>. Você poderia usar um <footer> também. OBS3: Perceba também que eu usei um </section> dentro do <article. Isso é normal, pois como eu disse:

``
``
``
``

section: A especificação diz que ele é um bloco de conteúdo semânticamente genérico, ou seja: ele não tem um significado explícito e você deveria usar ele caso não houver outros elementos mais semânticos que melhor descrevem o conteúdo em questão. A ponto chave aqui é que, o que vai dar o significado para o <section> é um título que está dentro dele. 
Ex.:

Nesse caso, o título está dando significado a aquela <section>. Vale deixar bem claro também que, se por acaso na <section> que você estiver usando não tiver um título dentro dela, muito possivelmente isso quer dizer que você está usando a <section> de forma errada, e seria mais apropriado por exemplo utilizar um <div>. 
Ex.:

article: Ele basicamente é um elemento independente, que não possui relação direta com o restante da página e que mesmo se o seu conteúdo fosse tratado de forma independente ele continuaria fazendo sentido, pois o seu conteúdo não possui relação direita com a pagina. Ele é ideal para ser usado por exemplo para envolver o conteúdo dentro de um artigo (já que ele é independente do resto da página), tanto como os comentários da página (já que eles são independentes e podem reutilizados separadamente), ou até um card de um produto, uma propaganda, um card de um vídeo também (vídeos do YouTube)... E por aí vai. Nesse caso também é legal ter um título dentro do , mas não é obrigatório. Caso você tenha um <article> dentro de um outro <article> implica dizer que o elemento aninhado possui uma relação direta com o seu <article> pai, sendo isso útil para envolver semânticamente os comentários de um artigo. 
Ex.:

OBS: Perceba que o <article> principal representa o artigo como um todo, e os artigos dentro dele representa os comentários, pois os comentários possuem uma relação direta com o artigo.
OBS2: Se você olhar bem, dentro de cada <article> tem um <header>. Esse header basicamente serve para dar mais informações sobre o <article>. Você poderia usar um <footer> também. 
OBS3: Perceba também que eu usei um </section> dentro do <article>. Isso é normal, pois como eu disse:

adress
article
adress
article
adicionou 63 caracteres ao conteúdo
Fonte Link

article: Ele basicamente é um elemento independente, que não possui relação direta com o restante da página e que mesmo se o seu conteúdo fosse tratado de forma independente ele continuaria fazendo sentido, pois o seu conteúdo não possui relação direita com a pagina. Ele é ideal para ser usado por exemplo para envolver o conteúdo dentro de um artigo (já que ele é independente do resto da página), tanto como os comentários da página (já que eles são independentes e podem reutilizados separadamente), ou até um card de um produto, uma propaganda, um card de um vídeo também (vídeos do YouTube)... E por aí vai. Nesse caso também é legal ter um título dentro do , mas não é obrigatório. Caso você tenha um <article> dentro de um outro <article> indicaimplica dizer que o elemento aninhado possui uma relação direta com o seu <article> pai, como por exemplosendo isso útil para envolver semânticamente os comentários de um artigo. Ex.:

OBS: Perceba que o <article> principal representa o artigo como um todo, e os artigos dentro dele representa os comentários, pois os comentários possuem uma relação direta com o artigo. 
OBS2:: Se você olhar bem, dentro de cada <article> tem um <header>, que baseamente. Esse header basicamente serve para dar mais informações sobre o <article>>. Você poderia usar um <footer> também. OBS3: Perceba também que eu usei um </section> dentro do <article. Isso é normal, pois como eu disse:

ele

article: Ele basicamente é um elemento independente, que não possui relação direta com o restante da página e que mesmo se o seu conteúdo fosse tratado de forma independente ele continuaria fazendo sentido, pois o seu conteúdo não possui relação direita com a pagina. Ele é ideal para ser usado por exemplo para envolver o conteúdo dentro de um artigo (já que ele é independente do resto da página), os comentários da página (já que eles são independentes e podem reutilizados separadamente), um card de um produto, uma propaganda, um card de vídeo também (vídeos do YouTube)... E por aí vai. Nesse caso também é legal ter um título dentro do , mas não é obrigatório. Caso você tenha um <article> dentro de um outro <article> indica que o elemento aninhado possui uma relação com o seu <article> pai, como por exemplo os comentários de um artigo. Ex.:

OBS: Perceba que o <article> principal representa o artigo como um todo, e os artigos dentro dele representa os comentários, pois os comentários possuem uma relação direta com o artigo. OBS2:: Se você olhar bem, dentro de cada <article> tem um <header>, que baseamente serve para dar mais informações sobre o <article>> OBS3: Perceba também que eu usei um </section> dentro do <article. Isso é normal, pois como eu disse:

ele

article: Ele basicamente é um elemento independente, que não possui relação direta com o restante da página e que mesmo se o seu conteúdo fosse tratado de forma independente ele continuaria fazendo sentido, pois o seu conteúdo não possui relação direita com a pagina. Ele é ideal para ser usado por exemplo para envolver o conteúdo dentro de um artigo (já que ele é independente do resto da página), tanto como os comentários da página (já que eles são independentes e podem reutilizados separadamente), ou até um card de um produto, uma propaganda, um card de um vídeo também (vídeos do YouTube)... E por aí vai. Nesse caso também é legal ter um título dentro do , mas não é obrigatório. Caso você tenha um <article> dentro de um outro <article> implica dizer que o elemento aninhado possui uma relação direta com o seu <article> pai, sendo isso útil para envolver semânticamente os comentários de um artigo. Ex.:

OBS: Perceba que o <article> principal representa o artigo como um todo, e os artigos dentro dele representa os comentários, pois os comentários possuem uma relação direta com o artigo. 
OBS2: Se você olhar bem, dentro de cada <article> tem um <header>. Esse header basicamente serve para dar mais informações sobre o <article>. Você poderia usar um <footer> também. OBS3: Perceba também que eu usei um </section> dentro do <article. Isso é normal, pois como eu disse:

Fonte Link
Carregando