Rumah  >  Artikel  >  hujung hadapan web  >  Penjelasan terperinci tentang penggunaan teg ol dalam kemahiran tutorial HTML5_html5

Penjelasan terperinci tentang penggunaan teg ol dalam kemahiran tutorial HTML5_html5

WBOY
WBOYasal
2016-05-16 15:46:262535semak imbas

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>
    5. <ol>
    6.  <li mula="60" >Kopili>
    7.  <li>Tehli> 
    8. 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>

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn