Wie verwende ich das Aside-Tag in HTML5? Wissen Sie, wie man die HTML5aside-Seitenleiste verwendet?

Wie verwende ich das Aside-Tag in HTML5? Wissen Sie, wie man die HTML5aside-Seitenleiste verwendet? In diesem Artikel werden hauptsächlich die Definition und Verwendung des Aside-Tags in HTML5 sowie detaillierte Erläuterungen und Vorsichtsmaßnahmen für das Aside-Element in HTML5 erläutert.

HTML 5

-Tag-Definition und Verwendung:

-Tag definiert andere Inhalte als Artikel. Der Inhalt der Seite sollte mit dem Inhalt des Artikels in Zusammenhang stehen.

Hier sind Beispiele:

<p>This summer, I finally came to PHP Chinese net.</p>
<aside>
<h4>Online programming</h4>
PHP Chinese network is a great platform for online learning programming in China.
</aside>

Detaillierte Erklärung des

-Elements in HTML5:

HTML

-Element stellt einen Teil von dar Der Inhalt einer Seite steht in keinem engen Zusammenhang mit anderen Inhalten auf dieser Seite oder steht in keinem Zusammenhang und existiert allein. Das

-Element wird normalerweise als Seitenleiste oder eingefügter Zusatzinhalt angezeigt. Es wird normalerweise verwendet, um einige Definitionen in der Seitenleiste anzuzeigen, wie z. B. Kataloge, Indizes, Glossare usw.; es kann auch verwendet werden, um verwandte Werbung, Autorenvorstellungen, Webanwendungen, verwandte Links und eine kurze Einführung in den aktuellen Seiteninhalt anzuzeigen , usw. Hinweise zur Verwendung des

-Elements:

Verwenden Sie das

-Element nicht, um Text in Klammern zu markieren, da diese Art von Text berücksichtigt wird der Hauptteil des Inhalts.

Zwei Möglichkeiten, das Aside-Tag in HTML5 zu verwenden:

1. Es wird in das Artikelelement als Zusatzinformationsteil des Hauptinhalts eingefügt. Der Inhalt kann verwandte Informationen sein, die sich auf den aktuellen beziehen Artikel, Ranking-Erklärung usw.

<article>
  <h1>…</h1>
  <p>…</p>
  <aside>…</aside>
</article>

2. Verwenden Sie es außerhalb des Artikelelements als globalen untergeordneten Informationsteil der Seite oder Site. Am typischsten ist die Seitenleiste, die benutzerfreundliche Links, Listen anderer Artikel im Blog, Werbeeinheiten usw. enthält.

<aside>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
</aside>

Tipps und Hinweise:

Tipp: Der Inhalt

kann als Seitenleiste für Artikel verwendet werden.

Was ist Web in HTML5? Was sind die Elemente im Webspeicher?

Welche Attribute hat das HTML-IMG-Tag? Erfahren Sie, wie Sie das IMG-Tag

verwenden

Das obige ist der detaillierte Inhalt vonWie verwende ich das Aside-Tag in HTML5? Wissen Sie, wie man die HTML5aside-Seitenleiste verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!