Untuk membuat senarai yang diperintahkan dalam HTML5, gunakan tag dan <li>, 1. Gunakan untuk menentukan senarai yang diperintahkan, dan gunakan <li> untuk mewakili setiap item secara dalaman. 2. Anda boleh menentukan nombor permulaan melalui harta Mula, 3. Tetapkan jenis nombor seperti angka, huruf atau angka Rom melalui jenis harta. 4. Adalah disyorkan untuk menggunakan jenis senarai CSS atau kaunter tersuai untuk mencapai kawalan gaya yang lebih fleksibel untuk memisahkan struktur dan gaya.

Mewujudkan senarai yang diperintahkan dalam HTML5 adalah mudah. Anda hanya perlu menggunakan tag <ol></ol> dan kemudian sarang <li> tag untuk mewakili setiap item. Ia akan dihitung secara lalai, tetapi gaya penomboran juga boleh diubah suai melalui CSS.

Buat senarai yang diperintahkan asas menggunakan <ol></ol> dan <li>

Senarai yang diperintahkan ditakrifkan menggunakan tag <ol></ol> (singkatan senarai yang diperintahkan), dan setiap item senarai dibungkus dengan <li> (item senarai). Contohnya:

 <ol>
  <li> Langkah 1: Sediakan Bahan </li>
  <li> Langkah 2: Campurkan bahan mentah </li>
  <li> Langkah 3: Baking and Forming </li>
</ol>

Senarai yang ditulis dengan cara ini akan ditambah secara automatik dengan nombor dan akan ditingkatkan dari 1. Ini adalah penggunaan yang paling asas dan biasa.

Jika anda mahu nombor bermula dengan nombor tertentu, anda boleh menambah atribut start :

 <ol start = "5">
  <li> Langkah 5: Periksa produk siap </li>
  <li> Langkah 6: Pakej dan Penghantaran </li>
</ol>

Ini akan bermula dengan 5.

Tetapkan jenis penomboran melalui atribut type

Secara lalai, senarai yang diperintahkan menggunakan angka Arab (1, 2, 3 ...), tetapi anda juga boleh mengubah gaya penomboran melalui atribut type :

<li> type="1" : Nombor (lalai)<li> type="a" : huruf kecil bahasa Inggeris<li> type="A" : huruf besar<li> type="i" : Numeral Rom Kecil<li> type="I" : angka modal Roman

Contohnya:

 <ol type = "a">
  <li> Pilihan A </li>
  <li> Pilihan B </li>
  <li> Pilihan C </li>
</ol>

Kesan paparan adalah A, B, dan C.

Harus diingat bahawa atribut type masih sah dalam HTML5, tetapi dalam beberapa amalan pembangunan moden, adalah disyorkan untuk menggunakan CSS untuk mengawal gaya penomboran kerana ini dapat memisahkan struktur dan gaya yang lebih baik.

Gunakan CSS untuk mengawal gaya penomboran (lebih fleksibel)

Walaupun HTML menyediakan atribut type , jika anda memerlukan gaya penomboran yang lebih kompleks, seperti nombor kurungan (1., 2., 3.), atau awalan tersuai, disyorkan untuk menggunakan sifat list-style-type CSS.

Contohnya:

 <ol style = "senarai gaya-jenis: rendah-roman;">
  <li> Perkara 1 </li>
  <li> Item 2 </li>
  <li> Perkara 3 </li>
</ol>

Ini boleh dipaparkan sebagai i, ii, iii.

Anda juga boleh melaksanakan gaya yang lebih maju dalam kombinasi dengan kaunter CSS tersuai, seperti:

 ol {
  Kaunter-reset: my-counter;
  Senarai gaya: Tiada;
}

ol li :: sebelum {
  Kaunter-Penangkapan: My-Counter;
  Kandungan: "" th "kaunter (my-counter)" langkah: ";
}

Dengan cara ini, format seperti "Langkah 1" dan "Langkah 2" akan dipaparkan sebelum setiap item senarai.

Pada dasarnya itu sahaja. Mewujudkan senarai yang diperintahkan tidak rumit dengan sendirinya, tetapi anda perlu memilih kaedah yang sesuai mengikut tempat kejadian, seperti sama ada semantik diperlukan, sama ada penyesuaian gaya diperlukan, dll.

Atas ialah kandungan terperinci Bagaimana untuk membuat senarai yang diperintahkan di HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!