Was bedeutet HTML5-UL?

Mar 15, 2022 pm 06:10 PM
html5 ungeordnete Liste

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.

      • 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 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!

  • 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

    Heiße KI -Werkzeuge

    Undresser.AI Undress

    Undresser.AI Undress

    KI-gestützte App zum Erstellen realistischer Aktfotos

    AI Clothes Remover

    AI Clothes Remover

    Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

    Undress AI Tool

    Undress AI Tool

    Ausziehbilder kostenlos

    Clothoff.io

    Clothoff.io

    KI-Kleiderentferner

    Video Face Swap

    Video Face Swap

    Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

    Heiße Werkzeuge

    Notepad++7.3.1

    Notepad++7.3.1

    Einfach zu bedienender und kostenloser Code-Editor

    SublimeText3 chinesische Version

    SublimeText3 chinesische Version

    Chinesische Version, sehr einfach zu bedienen

    Senden Sie Studio 13.0.1

    Senden Sie Studio 13.0.1

    Leistungsstarke integrierte PHP-Entwicklungsumgebung

    Dreamweaver CS6

    Dreamweaver CS6

    Visuelle Webentwicklungstools

    SublimeText3 Mac-Version

    SublimeText3 Mac-Version

    Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

    Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

    Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

    Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

    Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

    HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

    Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

    HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

    Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

    HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

    Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

    Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

    Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

    HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

    Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

    HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

    Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

    See all articles