Heim >Web-Frontend >Front-End-Fragen und Antworten >Was steht in einer Liste in HTML5?

Was steht in einer Liste in HTML5?

青灯夜游
青灯夜游Original
2022-03-15 15:12:374334Durchsuche

Es gibt drei Arten von Listen in HTML5: 1. Ungeordnete Liste, definiert mit „c34106e0b4e09414b63b2ea253ff83d6“ li>“-Tag; 3. Definieren Sie die Liste mit den Tags „5c69336ffbc20d23018e48b396cdd57a“, „73de882deff7a050a357292d0a1fca94“ und „67bc4f89d416b0b8236eaa5f43dee742“.

Was steht in einer Liste in HTML5?

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:
  •   3f7b3decd2dcafb07b84d2d3985d9f40中国房价排行0f6dfd1e3624ce5465eb402e300e01ae
      c34106e0b4e09414b63b2ea253ff83d6
          25edfb22a4f469ecb59f1190150159c6北京bed06894275b65c1ab86501b08a632eb
          25edfb22a4f469ecb59f1190150159c6上海bed06894275b65c1ab86501b08a632eb
          25edfb22a4f469ecb59f1190150159c6广州bed06894275b65c1ab86501b08a632eb
          25edfb22a4f469ecb59f1190150159c6铁岭bed06894275b65c1ab86501b08a632eb
      f6f112ef45f603be226bc581f9dd5e90
    , 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!

Stellungnahme:
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