Was bedeutet HTML5-UL?-Front-End-Fragen und Antworten-php.cn

Was bedeutet HTML5-UL?

青灯夜游

Freigeben： 2022-03-15 18:10:30

Original

6113 Leute haben es durchsucht

In HTML5 lautet der vollständige Name „ungeordnete Liste“, was „ungeordnete Liste“ bedeutet. Verwenden Sie das Tag „

“. Syntax „

Artikelwert

Artikelwert
...“.

Was bedeutet HTML5-UL?

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

In HTML5 lautet der vollständige Name von ul „ungeordnete Liste“, was „ungeordnete Liste“ bedeutet.

Funktion: Ungeordnete Listensemantik zu einer Reihe von Inhalten hinzufügen (ein Ganzes ohne sequentielle Reihenfolge). Die Elemente in der Liste sind in keiner bestimmten Reihenfolge.

Der Inhalt zwischen der ungeordneten Liste ist nicht in der richtigen Reihenfolge. Verwenden Sie die Funktion

Tag, um die Liste jedes Elements darzustellen.

Zum Beispiel ist bei den Frühstücksarten keine Angabe der Reihenfolge erforderlich, dann können Sie eine ungeordnete Liste verwenden.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML无序列表</title>
</head>
<body>
    <p>早餐的种类：</p>
    <ul>
        <li>鸡蛋</li>
        <li>牛奶</li>
        <li>面包</li>
        <li>生菜</li>
    </ul>
</body>
</html>

Nach dem Login kopieren

Was bedeutet HTML5-UL?

Hinweise:

Der Browser fügt automatisch führende Symbole zu ungeordneten Listen hinzu. Sie müssen jedoch bedenken, dass die Funktion von ul nicht darin besteht, dem Text kleine Punkte hinzuzufügen, sondern die Semantik der ungeordneten Liste zu erhöhen.
- 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.
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 dem Li-Tag kann jedes 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>

Nach dem Login kopieren

[Verwandte Empfehlungen:

HTML-Video-Tutorial

Web-Frontend
]

Das obige ist der detaillierte Inhalt vonWas bedeutet HTML5-UL?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!