Heim > Web-Frontend > H5-Tutorial > Häufig verwendete HTML5-Listen-Tags

Häufig verwendete HTML5-Listen-Tags

php中世界最好的语言
Freigeben: 2018-03-26 16:38:11
Original
2943 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

dd: Definitionsbeschreibung Beschreibung des Definitionstitels

<dl>
    <dt></dt>
    <dd></dd>
</dl>
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage