HTML Tutorial: Daftar yang Dipesan

Teks Asli: http://andymao.com/andy/post/103.html

Informasi kadang -kadang dirangkum dalam gangguan, sementara yang lain memiliki urutan yang jelas, yang juga disebutkan dalam artikel sebelumnya. Jadi cukup pikirkan tentang hal -hal apa yang Anda miliki secara berurutan: langkah operasi, peringkat, katalog buku ... Di masa lalu, ketika kami menghadapi konten ini yang dipesan atau ditunjukkan oleh angka, kami sebagian besar menambahkan nilai sebelum data, atau menambahkan nilai ini oleh program. Jika Anda menggunakan daftar yang dipesan, Anda tidak perlu mengisi nomor ordinal sendiri. Fitur ini tampaknya tidak jelas saat menggunakan daftar lapisan tunggal, tetapi saat menggunakan beberapa lapisan, fitur-fiturnya sangat jelas. Jadi pertama -tama mari kita pahami bentuk kode dari daftar yang dipesan:

<Ol>

<li> Ini adalah konten dari daftar, ini adalah kalimat pertama </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat kedua </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat ketiga </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat keempat </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat kelima </li>

</ol>

Setiap orang telah melihat bahwa bentuk aslinya sama dengan daftar yang tidak teratur, kecuali bahwa namanya berbeda pada label periferal. Gangguan adalah UL, dan pesanan menjadi ol. Perbedaannya adalah bahwa daftar yang dipesan akan memiliki lebih banyak atribut label daripada yang tidak dipesan. Karena dipesan akan melibatkan semua aspek ordo.

Biasanya, browser akan secara otomatis menghitungnya dengan cara yang tertib mulai dari angka Arab 1. Tetapi segalanya istimewa. Ketika daftar yang dipesan perlu diubah menjadi dua bagian, secara alami salah untuk menghitung bagian selanjutnya dari awal. Maka jumlah bagian selanjutnya secara alami untuk menambahkan 1 sebagai angka awal sesuai dengan angka terakhir pada paragraf sebelumnya. Ini berarti kita perlu mengubah nilai mulai dari daftar. Atribut yang mengubah nilai mulai adalah: Mulai, cara formal adalah:

<ol start = 6>

<li> Ini adalah konten dari daftar, ini adalah kalimat pertama </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat kedua </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat ketiga </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat keempat </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat kelima </li>

</ol>

Anda telah memperhatikan bahwa kode di atas mengatakan bahwa nilai awal daftar dimulai dari 6. Jadi sekarang Anda dapat mencoba menambahkan atribut ini ke daftar yang dipesan untuk melihat apakah itu telah berubah?

Di browser, angka Arab biasanya terdaftar secara default. Jadi bisakah ada tipe lain? Ya, atributnya adalah jenis, tetapi tidak ada banyak jenis yang disediakan, hanya lima:

Jenis Nilai Menghasilkan Urutan Gaya Contoh huruf kapital a, b, c, d, e huruf kecil a, b, c, c, e i capital angka romawi i, ii, iii, iv, v i huruf kecil angka romawi i, ii, iii, iv, v 1 angka Arab 1, 2, 3, 4, 5

Cara menulis dalam kode harus:

<ol type = a>

<li> Ini adalah konten dari daftar, ini adalah kalimat pertama </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat kedua </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat ketiga </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat keempat </li>

<li> Ini adalah konten dari daftar, ini adalah kalimat kelima </li>

</ol>

Saya pikir lebih baik menggunakan lebih sedikit nilai jenis ini, karena Anda dapat mengatur jenis ini menggunakan CSS. Saya selalu menganjurkan bahwa hal -hal gaya harus dilakukan dengan bahasa gaya. Kemudian, kecuali ada alasan khusus, lebih baik tidak menggunakan atribut ini. Tentu saja, baik CSS1 maupun CSS2 pada dasarnya dianggap sebagai Cina. Karakter bernomor Jepang telah disediakan di CSS2, tetapi belum ada orang Cina. Saya pikir CSS2 masih memiliki kekurangan dalam hal ini, setidaknya itu tidak memberikan bentuk ekspansi yang lebih baik. Meskipun dia tidak menyediakannya, kita masih bisa mencapai keragaman dalam bentuk kita sendiri. Bagaimana cara melakukannya? Pikirkan dulu, konten gaya daftar akan memberi tahu Anda bagaimana saya menanganinya.