Penjelasan terperinci tentang penggunaan teg ol dalam kemahiran tutorial HTML5_html5

Definisi dan penggunaan

teg mentakrifkan senarai tersusun.
Perbezaan antara HTML 4.01 dan HTML 5
Dalam HTML 4.01, atribut "mula" telah ditamatkan, manakala dalam HTML 5 ia dibenarkan.
Atribut "compact" dan "type" telah ditamatkan dalam HTML 4.01 dan tidak lagi disokong dalam HTML 5.
Petua dan Nota
Petua: Gunakan CSS untuk menentukan jenis senarai.
Contoh

Kod XML/HTMLSalin kandungan ke papan keratan
1. <ol>
2.  <li>Kopili> 
3.  <li>Tehli> 
4. ol>
6. <ol>
7.  <li mula="60" >Kopili>
8.  <li>Tehli> 
9. ol>




Kawalan nombor siri teg OL yang disediakan oleh HTML5
Teg OL memaparkan data dalam bentuk senarai tersusun dan ia akan menomborkan data secara automatik. Tetapi kadangkala data tidak bernombor bermula dari 1, atau nombor disusun dalam susunan terbalik, atau nombor benar-benar berantakan Dalam kes ini, anda perlu menggunakan beberapa parameter yang disediakan untuk teg OL dalam HTML5 untuk ditetapkan. Malangnya, pada masa ini ia tidak serasi dengan IE.
Kini, kami mempunyai dokumen HTML seperti ini


Kod XML/HTMLSalin kandungan ke papan keratan
1. <ol>
2. <li>Kentangli> 
3. <li>bawangli> 
4. <li>Lobak merahli> 
5. <li>Tenderloinli> 
6. ol>

Ia akan kelihatan seperti ini


Nombor siri ini bermula dari 1 dan meningkat secara lalai. Bagaimana jika anda perlu menyusun nombor siri dalam tag OL dalam susunan terbalik? Ini hanya perlu menambah atribut terpelihara pada OL.


Kod XML/HTMLSalin kandungan ke papan keratan
1. <ol terbalik="terbalik" >
2. Ini adalah kaedah penulisan yang diwarisi daripada XHTML Malah, anda boleh menulisnya terus
3. <ol terbalik>

Ini sudah mematuhi standard HTML5 Selepas menambah ini, anda boleh mendapatkan hasil seperti ini


Tidak ada masalah dalam Chrome dan Firefox, tetapi IE tidak serasi dengannya (sekurang-kurangnya saya menguji IE10 dan ia tidak serasi). Nah, kita baru belajar tentang fungsi ini sekarang Sama ada IE benar-benar melaksanakannya, kita tidak akan membincangkannya buat masa ini.
Seterusnya, bagaimana jika anda tidak mahu ia bermula dari 1? Sebagai contoh, jika kita mahu ia bermula dari 3, kita boleh menambah atribut permulaan pada teg OL dan menetapkannya kepada 3.


Kod XML/HTMLSalin kandungan ke papan keratan
1. <ol mula="3" >



Akhir sekali, apa yang perlu dilakukan dengan sesuatu yang benar-benar tidak teratur tetapi teratur? Sebagai contoh, jika saya mahu 2, 1, 3, 4, apakah yang perlu saya lakukan dengan susunan ini? Malah, anda boleh mengawal nombor siri ini dengan menambahkan atribut nilai pada LI.


Kod XML/HTMLSalin kandungan ke papan keratan
1. <ol>
2. <li nilai="2" >Kentangli>
3. <li nilai="1" >Bawangli>
4. <li nilai="3" >Lobak merahli>
5. <li nilai="4" >Tenderloinli>
6. ol>