Was nützt das HTML5-Aside-Tag? Zusammenfassung der Verwendung des HTML5-Aside-Tags (mit Beispielen)

Dieser Artikel stellt Ihnen hauptsächlich das Aside-Tag in HTML5 vor, stellt die Rolle des Tags und seine Verwendung anhand von Beispielen vor. Als Seitenspalte des Artikels hat das Aside-Tag natürlich eine große Wirkung außerdem Beispiele für zwei Methoden, die häufig bei der Erstellung von Websites verwendet werden.

Empfohlenes Handbuch: HTML5-Referenzhandbuch für die neueste Version

Okay, schauen wir uns diesen Artikel an >

Werfen wir zunächst einen Blick auf die Bedeutung des HTML5-Aside-Tags:

Nebeninhalte sollten für Inhalte in der Nähe relevant sein.

Die Rolle des HTML5-Aside-Tags: Der Inhalt von

kann als Seitenleiste des verwendet werden Artikel

Tag definiert andere Inhalte als Artikel. Der Inhalt der Seite sollte mit dem Inhalt des Artikels in Zusammenhang stehen. (Dies ist eine chinesische PHP-Website)

<p>大家好，这里是PHP中文网.网址是www.php.cn</p>
<aside>
  <h4>编程教程</h4>
  这里有很多的优质的课程等你来学习
</aside>

Der Effekt ist das folgende Bild:

das Aside-Tag in HTML5 Zwei Verwendungsmöglichkeiten:

Es gibt zwei Hauptmöglichkeiten, das Aside-Element bei der Website-Erstellung zu verwenden:

1. Es ist im Artikelelement enthalten als der Hauptinhalt Abschnitt mit Zusatzinformationen, dessen Inhalt relevante Informationen zum aktuellen Artikel, Ranking-Erklärung usw. sein kann.

<article>
  <h1>PHP中文网</h1>
  <p>欢迎访问www.php.cn</p>
  <aside>这里是PHP中文网</aside>
</article>

Schauen wir uns zuerst die Wirkung an:

Empfohlene verwandte Artikel

: 1.Über html< Der Unterschied zwischen dem Article>-Tag und dem

-Tag ​
2.Wissen Sie, wie man die HTML5aside-Seitenleiste verwendet?
Ähnliche Videoempfehlungen: 1.
Dugu Jiujian (1)_HTML5-Video-Tutorial
2. Verwendung außerhalb des Artikelelements als Seite oder A Abschnitt mit Zusatzinformationen für die gesamte Website. Am typischsten ist die Seitenleiste, die benutzerfreundliche Links, Listen anderer Artikel im Blog, Werbeeinheiten usw. enthält.

<aside>
  <h2>这还是PHP中文网</h2>
  <ul>
    <li>一个学编程必备的网站</li>
    <li>一个很活跃的网站</li>
  </ul>
  <h2>PHP中文网</h2>
  <ul>
    <li>欢迎你的到来</li>
    <li>想学什么编程都可以来</li>
  </ul>
</aside>

Schauen Sie sich zum Schluss noch den Effekt an:

[Empfehlung des Herausgebers]

So zentrieren Sie den HTML-h1-Tag ? Informationen zur h1-Zentrierungsbeispielanalyse in HTML

Eine Zusammenfassung des Werts des Klassenattributs des -Tags und seiner Verwendung

Das obige ist der detaillierte Inhalt vonWas nützt das HTML5-Aside-Tag? Zusammenfassung der Verwendung des HTML5-Aside-Tags (mit Beispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!