In diesem Artikel möchte ich das Aside-Tag in HTML5 vorstellen, dies ist ein häufig verwendetes Tag auf der HTML5-Oberfläche.

Ich weiß auch nicht, wofür die Leute diese Karte erstellen, aber wenn Sie die Bedeutung davon bedenken, welche Positionen auf der Seite sind, wird die Beiseite-Karte verwendet. Dies hängt auch von den Gewohnheiten jeder Person ab.

1. Was ist ein Side-Tag in HTML5?

Aside wird ins Englische als eine Seite übersetzt, die in seitlich liegenden Positionen wie der Seitenleiste verwendet wird. Diese Platzierungen haben in der Regel Inhalte, die sich auf das aktuelle Thema des Artikels beziehen.

Sie sollten das Neben-Tag nicht innerhalb des Artikel-Tags platzieren, oder wenn Sie dies tun, muss sich der Inhalt der Nebensache auf diesen Artikel beziehen. Normalerweise legen wir einfach auf der Seitenleiste beiseite.

Sie können Überschriften-Tags (h1 -> h6) innerhalb des Seiten-Tags platzieren.

Die Seitensyntax lautet wie folgt :

 <aside></aside>

2. Verwendung von side in HTML

Wenden Sie es einfach gemäß seiner Definition an. Hier sind ein paar grundlegende Beispiele.

Legen Sie das .-Tag innerhalb des Artikels beiseite

In diesem Fall müssen sich die Daten von aside auf den Hauptinhalt des Artikels beziehen.

 <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>

Außerhalb des Artikels beiseite legen

In diesem Fall muss der Inhalt von aside für die gesamte Website relevant sein.

 <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>

Oben erfahren Sie, wie Sie das grundlegende Aside-Tag in HTML5 verwenden. Solange Sie die Bedeutung dieses Tags verstehen, können Sie es auf Ihre reale Projektschnittstelle anwenden.