Bagaimanakah Saya Boleh Nomborkan Senarai Tertib Bersarang dengan Betul dalam HTML?

Merungkai Enigma Senarai Tertib Bersarang (1.1, 1.2) dengan Pembilang dan Skop

Merangkum senarai tersusun bersarang dalam struktur hierarki menggunakan pembilang dan skop boleh menjadi satu usaha yang menggerunkan. Salah satu teka-teki yang dihadapi oleh pembangun ialah penomboran yang salah dalam senarai ini. Artikel ini bertujuan untuk mendedahkan kerumitan di sebalik cabaran ini dan menerangi jalan kepada penyelesaian yang lancar.

Masalahnya

Dalam percubaan untuk mencipta senarai tersusun dengan sub bersarang -lists, pembangun menghadapi sisihan yang tidak dijangka dalam penomboran:

1. one
2. two
  2.1. two.one
  2.2. two.two
  2.3. two.three
2.4 three (incorrect numbering)
  2.1 three.one
  2.2 three.two
    2.2.1 three.two.one
    2.2.2 three.two.two
2.3 four

Yang dikehendaki keputusan, walau bagaimanapun, adalah seperti berikut:

1. one
2. two
  2.1. two.one
  2.2. two.two
  2.3. two.three
3. three
  3.1 three.one
  3.2 three.two
    3.2.1 three.two.one
    3.2.2 three.two.two
4. four

Penyelesaian

Untuk menyelesaikan enigma ini, dua pertimbangan utama timbul:

1. Lumpuhkan Penormalan CSS

Dalam banyak kes, set peraturan CSS yang digunakan untuk penormalan menghilangkan margin lalai dan pelapik yang digunakan pada senarai. Ini boleh mengganggu jarak yang dimaksudkan untuk senarai bersarang. Untuk mengelakkan gangguan tersebut, lumpuhkan pilihan penormalan CSS.

2. Merangkumkan Subsenarai

Untuk memastikan penghitungan yang betul, setiap subsenarai mesti disertakan dalam item senarai induknya. Dalam kod HTML yang disediakan, subsenarai hendaklah dirangkumkan seperti berikut:

<ol>
  <li>one</li>
  <li>two
    <ol>
      <li>two.one</li>
      <li>two.two</li>
      <li>two.three</li>
    </ol>
  </li>
  <li>three
    <ol>
      <li>three.one</li>
      <li>three.two
        <ol>
          <li>three.two.one</li>
          <li>three.two.two</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>four</li>
</ol>

Dengan menangani isu ini, pembangun boleh membina senarai tersusun dengan subsenarai bersarang dengan berkesan sambil mengekalkan penomboran yang tepat.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Nomborkan Senarai Tertib Bersarang dengan Betul dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!