“Primo, tem alguma regra pra usar aside?”
O HTML5 já não é tão novidade no mercado front-end, porém ainda há diversas dúvidas sobre o tema, principalmente no quesito semântica.
Com a chegada do novo HTML, novas tags foram criadas e hoje vamos falar especialmente de uma delas: a aside.
Nascida em estrutura de blog, como sidebar, a aside serve tanto para fazer referência com o conteúdo principal como também para agrupar conteúdo diverso, como banners, árvore de links etc. Isso faz com que seu código fique mais semântico para os robôs de pesquisa, ao invés de usar a tag div que significa nada.
Muito se engana quem pensa que ela só pode ser usada na article ou section. Na verdade ela é bem flexível e pode ser utilizada dentro da header, nav, section, article, footer, div, fique a vontade.
Outra coisa legal é que ela aceita os atributos globais, ou seja você pode utilizar o title, id, style, a class, enfim, todas. Além disso, você também pode utilizar os atributos de evento, aqueles de onload, onblur, onclick, sabe?!
E para os adoradores do Internet Explorer, que particularmente não considero um navegador, sinto-lhes dizer que em algumas versões a tag aside não é suportada. Mas não se preocupe, pois há diversos hacks espalhados pela web.
Eu também montei uma apresentação sobre as novidades do HTML5 para estudantes universitários (2015), é bem ilustrado e cheio de links de referência, talvez ajude você.
https://pt.slideshare.net/paullonorato/html5-para-estudantes-universitrios
E se você ainda tem alguma dúvida sobre a tag aside ou tem dúvidas sobre qualquer outra coisa sobre front-end, manda pra mim que eu respondo aqui ;)
