Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou criando uma barra lateral para meu site, quero colocar algo como "ultimas postagens, rede sociais, uma especie de top mais baixados etc.." ou algo mais simples como "ultimas postagens".
Mas minha dúvida é a seguinte.. Realmente posso usar o Aside para isso ?
Já revirei a web atrás de respostas, já vi exemplos :
<div>
<aside></aside>
<aside></aside>
</div><aside>
<div></div>
<div></div>
</aside><aside>
<section></section>
<section></section>
</aside><section>
<aside></aside>
<aside></aside>
</section>Usar Aside para isso é correto ? O elemento pode ser usado para outro conteúdo que é considerado separado do conteúdo principal da página. (https://html.spec.whatwg.org/)
qual a forma correta ?
obg quem responder.
>
Segundo o site que você citou sim ta certo
exemplo https://html.spec.whatwg.org/#the-aside-element
Mas qual a maneira certa de se usar ?
<div> > <aside> // <aside> <section> // <section> > <aside> ???
e Acho usar <aside> dentro de um div é semânticamente pobre, então qual a maneira correta ?obg pela resposta anterior
aside agrega mais informação ao conteúdo principal.
acredito estar mais correta
<aside>
<div></div>
<div></div>
</aside>aside agregando informação em relação ao site (seu exemplo)
as ouras nao estao errada
outra situação poderia ser
<article>
<aside></aside>
<aside></aside>
</article>aside agregando informação em relação a postagem
Se não faz parte do conteúdo principal da página como você sitou deve ser usado o aside.
Use-o da mesma forma que você usa o section.
Ele funciona da mesma forma que o section e que a div.
A diferença entre os três é a seguinte:
Section -> Agrupa os conteúdos principais da página.
Aside -> agrupa os conteúdos que não fazem parte do conteúdo principal (como seu exemplo)
Id -> Agrupa elementos relativos, serve pra separar em blocos qualquer coisa em geral
Leia: http://tableless.com.br/sections-elemento-aside/
Abraços!
Segundo o site que vc citou sim ta certo
exemplo https://html.spec.whatwg.org/#the-aside-element