HTML <li> etikett

Definition och användning

<li> etikett definierar listobjekt.

<li> etikett används för numrerade listor (<ol>)、icke-numrerade listor (<ul>) och menylistor (<menu>)。

I <ul> och <menu>, visas listobjekt vanligtvis med punkter.

I <ol>, visas listobjekt vanligtvis med nummer eller bokstäver.

Tips:Använd CSS för attStäll in liststilar.

Se också:

HTML-lärarlektion:HTML-lista

HTML DOM-referencehandbok:Li-objekt

CSS-lärarlektion:Ställ in liststilar

Exempel

Exempel 1

en numrerad (<ol>) och en icke-numrerad (<ul>)s HTML-lista:

<ol>
  <li>Kaffe
  <li>Te</li>
  <li>Mejeri
</ol>
<ul>
  <li>Kaffe
  <li>Te</li>
  <li>Mejeri
</ul>

Prova själv

Exempel 2

Använd value-attribut i numrerade listor:

<ol>
  <li value="100">Kaffe</li>
  <li>Te</li>
  <li>Mejeri
  <li>Purvatten</li>
  <li>Juice</li>
  <li>Öl</li>
</ol>

Prova själv

Exempel 3

Ställ in olika liststilar (använd CSS):

<ol>
  <li>Kaffe
  <li style="list-style-type:lower-alpha">Te</li>
  <li>Mejeri
</ol>
<ul>
  <li>Kaffe
  <li style="list-style-type:square">Te</li>
  <li>Mejeri
</ul>

Prova själv

Exempel 4

Skapa en lista i en lista (inre lista):

<ul>
  <li>Kaffe
  <li>Té
    <ul>
      <li>Pu'er
      <li>Te
    </ul>
  </li>
  <li>Mejeri
</ul>

Prova själv

Exempel 5

Skapa en mer komplex nästlad lista:

<ul>
  <li>Kaffe
  <li>Té
    <ul>
      <li>Pu'er
      <li>Grön te
        <ul>
          <li>Biluochun
          <li>Lungjing
        </ul>
      </li>
    </ul>
  </li>
  <li>Mejeri
</ul>

Prova själv

Attribut

Attribut Värde Beskrivning
value Nummer Gäller endast för <ol>-listor. Anger startvärdet för listobjekt. Följande listobjekt ökar från detta nummer.

Globala attribut

<li> Etiketterna stöder också Globala attribut i HTML.

evenhetsattribut

<li> Etiketterna stöder också Evenhetsattribut i HTML.

Standard CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <li> Element:

li {
  display: list-item;
}

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd