Section x Article #23
Replies: 38 comments
-
|
Um artigo pode ter seções e uma seção pode ter artigos. Essa sempre foi a logica que usei. hahahaha 😄 Mas na verdade acredito que as seções de um artigo são textuais, por isso são "separadas" por outros elementos e não por uma tag section Afinal de contas o HTML ainda é uma linguagem de marcação para hipertexto/documentos, certo? |
Beta Was this translation helpful? Give feedback.
-
|
acho que
eu já vi blog em domínio próprio que quase não tinha parabéns ao @lfeh e a todos os envolvidos pela iniciativa |
Beta Was this translation helpful? Give feedback.
-
|
Botando lenha na fogueira @wagnerbeethoven a w3school não pode ser muita referência uma vez que eles vão contra a w3c e se recusaram há muito tempo a corrigir os erros de descrição de diversas tags ou seja a definição que eles passam muitas vezes é erronea. MozDev é da comunidadeUm canal que tem seguido corretamente o que cada tag diz e é acompanhado de perto pela comunidade inclusive é o Mozdev neste artigo eles comentam em português que é uma section:
Espero ter ajudado. Section dentro de ArticleConcordo com o @Mendrone uma section pode sim ser usada dentro de um article desde que para pequenos contextos, como por exemplo uma nota que possa servir de complemento ao próprio conteúdo e precisa ser demarcada como conteúdo extra, agora se fosse uma lista de links referentes ao texto eu usaria uma aside com dentro os links. O que acham? |
Beta Was this translation helpful? Give feedback.
-
|
opa @rkb81 valeu o to9que, definitivamente não uso o w3school para estudar, catei o primeiro link que encontrei no google, não sabia dessa treta entre as duas instituições. não sei por que tiraram o |
Beta Was this translation helpful? Give feedback.
-
|
@wagnerbeethoven o conflito que existia com o A ideia do |
Beta Was this translation helpful? Give feedback.
-
|
A parada é muuuito relativa, e vai depender muito do seu contexto. Mas um pode estar dentro do outro sim, semanticamente falando. Para testar, é só ir no validator do W3C e verificar ;) Edit: na real, o teste do validator só valida estrutura, e não a semântica. Pode ser que meu comentário acima dê a entender errado, por isso adicionei essa nota :) Pode testar com esse HTML (e ativem o outline para facilitar a visualização): <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
</head>
<body>
<header>
<h1>Main title</h1>
</header>
<section>
<h2>Section Title</h2>
<article>
<h3>Article Title</h3>
</article>
</section>
<article>
<h2>Article Title</h2>
<section>
<h3>Section Title</h3>
</section>
</article>
</body>
</html>O código acima não gera erro semântico. A grande sacada deles é:
E por fim, mas não menos importante: use o bom senso. |
Beta Was this translation helpful? Give feedback.
-
|
Usando dois exemplos práticos acredito que ambos podem acontecer:
|
Beta Was this translation helpful? Give feedback.
-
|
Perfeito seu exemplo @ianvieira! @fdaciuk Quanto a usar apenas 1 Costumo começar uma nova sequencia de |
Beta Was this translation helpful? Give feedback.
-
|
@lfeh isso é uma grande dicussão na real. Quando o HTML5 começou a aparecer com a ideia de fazer outline, e manter cada Mas isso se mostrou inviável por conta da acessibilidade. Os leitores de tela têm dificuldades em se expressar quando existe mais de um Até fazendo o teste com o |
Beta Was this translation helpful? Give feedback.
-
|
Também penso que tudo depende do contexto e, por isso, semanticamente não vejo problemas em:
Dentre todas as combinações possíveis, a única que nunca utilizei foi:
Pois, essa sim eu não vejo sentido em termos de semântica e vcs? Ótima explicação @ianvieira @wagnerbeethoven , lembre-se que dentro de um artigo temos setores também, assim como o @ianvieira explicou. ;) Portanto, não vejo problemas. |
Beta Was this translation helpful? Give feedback.
-
|
E a tague |
Beta Was this translation helpful? Give feedback.
-
|
Olá, escrevi um artigo um tempo atrás que tenta esclarecer esse tipo de dúvida: http://x-team.com/2015/03/structuring-content-html/, espero que gostem, acho que foi o unico artigo tecnico que escrevi, deveria fazer isso mais vezes, é bem legal. :) |
Beta Was this translation helpful? Give feedback.
-
|
@fdaciuk caprichou nas explicações 👍 |
Beta Was this translation helpful? Give feedback.
-
|
É bem relativo esse assunto. Vai muito do contexto da marcação que será apresentada. Eu utilizo: Heading Tags, seria uma boa discussão para SEO. =] |
Beta Was this translation helpful? Give feedback.
-
|
O Mas enfim.. se for usar o
Ele precisa estar logo abaixo do Ainda não consegui ver valor real nessa tag, quem sabe um dia xD |
Beta Was this translation helpful? Give feedback.
-
|
E pra não ficar contraditório o que acabei de dizer (huehuebrbr), fiz uma nota no meu comentário lá de cima pra deixar mais claro sobre o validator :) |
Beta Was this translation helpful? Give feedback.
-
|
@diogorodrigues, e agora lendo melhor, realmente: a nota não fala sobre Acho que essas novas tags só vieram pra confundir mais hauehae |
Beta Was this translation helpful? Give feedback.
-
|
faz os testes no HTML 5 Outliner com o |
Beta Was this translation helpful? Give feedback.
-
|
@Meche Utilizo o Pode usar seu medo de ser feliz. |
Beta Was this translation helpful? Give feedback.
-
|
@lfeh , mas se usar como elemento imediato de |
Beta Was this translation helpful? Give feedback.
-
|
Lendo a documentação da W3C eu acho que o uso da
O mesmo que o @fdaciuk citou com a documentação da mozilla. No entanto, diz que Então, penso que depende do contexto, pois, se a Acho essa tag muito importante, já que ela pode substituir a "role=main" futuramente. |
Beta Was this translation helpful? Give feedback.
-
|
@diogorodrigues, penso que uma estrutura concisa para um projeto padrão, seria da seguinte forma: body
header
.logo
nav
main
AQUI O CONTEÚDO DO SITE
footer |
Beta Was this translation helpful? Give feedback.
-
|
@lfeh E quando houver uma sidebar, como acontece muito em um blog, por exemplo? Ou, e se tiver uma lista de artigos relacionados? Como ficaria a estrutura? |
Beta Was this translation helpful? Give feedback.
-
|
Dentro da A main serve basicamente para colocar o que tem de mais importante no seu projeto. Header, Navbar, Footer e Sidebars normalmente são coisas complementares. |
Beta Was this translation helpful? Give feedback.
-
|
hahahaha, quando quis dizer filho imediato não é logo em sequencia, acho que me expressei mal :p Quis dizer em um nível seguindo ao O que acha de abrir um tópico para discutir a |
Beta Was this translation helpful? Give feedback.
-
|
Exato @lfeh ! Então, perceba que neste caso o Ficando: Ou: |
Beta Was this translation helpful? Give feedback.
-
|
o documento html tem cabeça e corpo. dentro do corpo colocamos conteúdo que o usuario pode ver, o conteúdo tambem pode ter cabeça (cabeçalho) e corpo, e ainda tem o pé (rodapé). imagina como seria se chamassem o corpo do conteúdo dentro do corpo do documento html com a mesma tag |
Beta Was this translation helpful? Give feedback.
-
|
@diogorodrigues Não tem problema. O "filho imediato" é jeito de dizer, você pode fazer dessa forma desde que o conteúdo principal do site esteja dentro da |
Beta Was this translation helpful? Give feedback.
-
|
Essa da pano pra manga hehehehe |
Beta Was this translation helpful? Give feedback.
-
|
Curti os comentários. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Vamos trazer aquela longa discussão que tivemos no Facebook para cá?
Acredito que a melhor exemplificação tinha sido do @fdaciuk, onde ele da um exemplo de comentários em um blog para exemplificar a diferença entre eles.
Eu acho que é possível usar section dentro de article e vice versa :p. Tudo depende do contexto.
E vocês, como estão usando?
Beta Was this translation helpful? Give feedback.
All reactions