Häufig verwendete HTML5-Listen-Tags

Dieses Mal stelle ich Ihnen die häufig verwendeten HTML5-Listen-Tags vor. Was sind die Vorsichtsmaßnahmen bei der Verwendung von HTML5-Listen-Tags?

1. Funktion von Listen-Tags

Funktion: Listensemantik zu einer Reihe von Daten hinzufügen, also der -Suche mitteilen Engine Teilen Sie dem Browser mit, dass es sich bei dieser Datenmenge um ein Ganzes handelt

2. Listen-Tag-Klassifizierung:

1 Liste : Listensemantik zu einem Datenstapel hinzufügen, und alle Daten im Datenstapel sind in keiner bestimmten Reihenfolge

Format:

<ul>
    <li>需要显示的条目内容</li>
</ul>

Hinweis: Das ul-Tag ist für den Listeninhalt. Was Semantik hinzufügt, ist nicht das Hinzufügen kleiner Punkte; das ul-Tag und das li-Tag bilden ein Ganzes und erscheinen zusammen. Es wird nicht empfohlen, und andere -Tags in das ul-Tag aufzunehmen. und andere Tags

So schreiben Sie schnell das UL-Format: ul>li*3 Drücken Sie die Tabulatortaste, um ein Paar UL-Tags zu generieren, 3 Paare von Li-Tags

Das Anwendungsszenario ist Nachrichten/Produktliste/

Navigation 2. Definitionsliste Definitionsliste:

dt: Definitionstitel

<ol>
       <li>xxx<li>
  </ol>

dd: Definitionsbeschreibung Beschreibung des Definitionstitels

<dl>
    <dt></dt>
    <dd></dd>
</dl>

Anwendungsszenario: Beschreibungsinformationen am Ende der Website; gemischte Grafiken und Text

Hinweis: dl, dt, dd sind ein Ganzes und werden empfohlen, nur dl zu verwenden. dt darf kein entsprechendes dd haben, oder es wird empfohlen, dass ein dd entspricht a dd; wenn Sie die Schnittstelle anreichern müssen, können Sie den dt- und dd-Tags weitere Tags hinzufügen.

Ob Sie es glauben oder nicht. Nachdem Sie den Fall in diesem Artikel gelesen haben, beherrschen Sie die Methode Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Asynchroner Upload der H5-Datei

Detaillierte Erläuterung der Verwendung der indexeddb-Datenbank

H5 Drag-and-Drop-API für Drag-and-Drop-Sortierung

Das obige ist der detaillierte Inhalt vonHäufig verwendete HTML5-Listen-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!