Was steht in einer Liste in HTML5?

Es gibt drei Arten von Listen in HTML5: 1. Ungeordnete Liste, definiert mit „

“ li>“-Tag; 3. Definieren Sie die Liste mit den Tags „

“, „

“ und „

“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Ungeordnete Liste (ungeordnete Liste)

Funktion: Ungeordnete Listensemantik zu einer Reihe von Inhalten hinzufügen (ein Ganzes ohne Reihenfolge), die Elemente in der Liste befinden sich in keiner bestimmten Reihenfolge

Format:

li Englisch ist Liste Element, übersetzt als Listenelement

<h4>选择居住城市(CN)</h4>
<ul>
  <li>北京</li>
  <li>上海</li>
  <li>广州</li>
  <li>铁岭</li>
</ul>

ul Anwendungsszenarien:

• Navigationsleiste

• Produktliste usw.

• Nachrichtenliste
  

Hinweise:

• Die Unordnung hier bedeutet, dass es keine inhaltliche Reihenfolge für das Thema gibt. Das Thema lautet beispielsweise „Wählen Sie einen Wohnort (CN)“. An erster Stelle steht immer noch China. Wenn der Titel in „Chinas Smog-Rangliste“ geändert wird, muss es eine strenge Rangfolge geben, und Peking muss zuerst geschrieben werden. Der Browser fügt automatisch ein führendes Symbol hinzu die unnötige Liste, aber sie muss unbedingt notwendig sein. Denken Sie daran, dass die Funktion von ul nicht darin besteht, dem Text Punkte hinzuzufügen, sondern der ungeordneten Liste Semantik hinzuzufügen

• Tatsächlich verfügt ul auch über ein Typattribut, mit dem der Stil des führenden Symbols geändert werden kann. Die Werte sind Scheibe, Quadrat und Kreis. Da der Stil jedoch vervollständigt wird CSS werde ich Ihnen hier nicht vorstellen.

  ul ist ein Gruppen-Tag, das in Klumpen erscheinen muss, das heißt, das li-Tag kann nicht alleine existieren und muss eingepackt werden ul
  Da ul und li ein Ganzes sind, wird nicht empfohlen, andere Tags in ul einzuschließen. Denken Sie immer daran, dass es am besten ist, nur li-Tags in ul zu schreiben. Es wird jedoch empfohlen, nur li zu schreiben Tags in ul, das li-Tag ist ein Container-Tag, und jedes Tag kann dem li-Tag hinzugefügt werden, sogar Sie können ul-Tags hinzufügen

• <ul>
    <li>
        好吃的
        <ul>
            <li>牛奶</li>
            <li>面包</li>
        </ul>
    </li>
    <li>
        日用的
        <ul>
            <li>毛巾</li>
            <li>牙膏</li>
        </ul>
    </li>
  </ul>

  Geordnete Liste

Funktion: Semantik geordneter Liste (ein geordnetes Ganzes) hinzufügen Eine Menge Inhalt, die Elemente in der Liste sind in der richtigen Reihenfolge. Format:

•   <h4>中国房价排行</h4>
    <ol>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
        <li>铁岭</li>
    </ol>

  , denn alles, was mit ol gemacht werden kann, kann mit ul gemacht werden

• Hinweise:

Sie haben unterschiedliche Semantiken und die gleichen Aufmerksamkeitspunkte , ul hat auch zwei gemeinsame Attribute: Start- und Typattribute, die den Stil und die Seriennummer des führenden Symbols ändern können


Da Stile jedoch in Zukunft durch CSS vervollständigt werden, werde ich sie Ihnen hier nicht vorstellen

• Definitionsliste
Funktion: Listensemantik zu einer Reihe von Inhalten hinzufügen, die Elemente der Liste über dt auflisten und dann jedes Element mit dd entsprechend beschreiben

Format:

• dt Englischer Definitionstitel, Übersetzt als Definitionstitel Wenn es zur Beschreibung eines bestimmten Inhalts verwendet wird, sollten Sie an dl denken dl

• Da dl, dt und dd ein Ganzes sind, wird nicht empfohlen, andere Tags in dl einzuschließen

dd ist ein Container-Tag wie dt und li-Tag. Sie können darin jedes beliebige Tag hinzufügen

• Die Definitionsliste ist sehr flexibel. Sie können mehrere dds für einen dt konfigurieren. Es ist jedoch am besten, nicht mehrere dts zu haben, die einem dd entsprechen. Die Semantik von dd besteht darin, den dt zu beschreiben, der ihm am nächsten liegt, sodass andere dts gleichwertig sind Keine Beschreibung, und die Bedeutung der Definitionsliste besteht darin, dass jedes Element aufgelistet und beschrieben werden kann

Die Definitionsliste ist sehr flexibel und kann mehrere dt+dd-Kombinationen in mehrere dl aufteilen

• Verwandte Empfehlungen: „
HTML-Video-Tutorial
• "

Das obige ist der detaillierte Inhalt vonWas steht in einer Liste in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!