Neste artigo, gostaria de apresentar a tag de lado em HTML5, esta é uma tag comumente usada na interface HTML5.

Eu também não sei para que as pessoas criam este cartão, mas se você considerar o significado dele, quais posições estão de um lado, o cartão ao lado será usado. Isso também depende dos hábitos de cada pessoa.

1. O que é tag de lado em HTML5?

Aside se traduz em inglês como um lado , usado em posições deitadas de lado, como a barra lateral. Esses canais geralmente têm conteúdo relacionado ao tópico atual do artigo.

Você não deve colocar a tag de lado dentro da tag de artigo, ou se o fizer, o conteúdo do aparte deve estar relacionado a esse artigo. Normalmente, apenas colocamos de lado na barra lateral.

Você pode colocar tags de cabeçalho (h1 -> h6) dentro da tag de lado.

A sintaxe de lado é a seguinte :

 <aside></aside>

2. Como usar a parte em HTML

Basta aplicá-lo de acordo com sua definição. Aqui estão alguns exemplos básicos.

Coloque de lado dentro do artigo .

Nesse caso, os dados do aparte devem estar relacionados ao conteúdo principal do artigo do artigo.

 <article> <header> <h1>Học HTML5 tại web888.vn<h1> <p class="byline">by Cường Nguyễn</p> </header> <section> <h2>The Two Types of Wheat</h2> <p>There … to rise.</p> <p>Where … with less protein.</p> </section> <aside> HTMl5 có rất nhiều thẻ khác nhau ... </aside> </article>

Colocar de lado fora do artigo

Nesse caso, o conteúdo do apart deve ser relevante para todo o site.

 <aside> <h3>Học lập trình</h3> <a href="#">Học C++</a> <a href="#"> Học Javascript</a> <a href="#">Học Python</a> </aside> <article> <header> <h1>Học HTML5 tại web888.vn<h1> <p class="byline">by Cường Nguyễn</p> </header> <section> <h2>The Two Types of Wheat</h2> <p>There … to rise.</p> <p>Where … with less protein.</p> </section> </article>

Acima está como usar a tag de lado básico em HTML5. Contanto que você entenda o significado desta tag, você pode aplicá-la à sua interface de projeto real.