Apa yang ada dalam senarai dalam html5

Terdapat tiga jenis senarai dalam HTML5: 1. Senarai tidak tersusun, ditakrifkan menggunakan teg "

" dan "
• ", menggunakan "
  " dan teg "
  1. " untuk menentukan 3. Tentukan senarai, gunakan teg "

     " dan "

     " untuk menentukan.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Senarai tidak tersusun (senarai tidak tersusun)

Fungsi: Menambah semantik senarai tidak tersusun pada sekumpulan kandungan (keseluruhan tanpa urutan), item dalam senarai tidak dalam susunan tertentu

Format:

li Bahasa Inggeris ialah item senarai, diterjemahkan sebagai item senarai

<h4>选择居住城市(CN)</h4>
<ul>
  <li>北京</li>
  <li>上海</li>
  <li>广州</li>
  <li>铁岭</li>
</ul>

ul Senario aplikasi:

• Bar navigasi

• Senarai produk, dsb.

• Senarai berita
  

Perkara yang perlu diberi perhatian:

• Kecelaruan di sini bermakna tiada susunan kandungan untuk subjek Contohnya, topiknya ialah "Pilih bandar tempat tinggal (CN)". adalah semua bandar di China , tidak kira siapa yang mendahulukan, ia tetap bandar China Jika tajuk itu ditukar kepada "Pemeringkat Asap China", maka mesti ada ranking yang ketat, dan Beijing mesti ditulis dahulu

  .

• Penyemak imbas secara automatik akan menambah simbol utama pada senarai tidak tersusun, tetapi anda mesti ingat bahawa fungsi ul bukan untuk menambah titik kecil pada teks, tetapi untuk meningkatkan semantik senarai tidak tertib .

  • Malah, ul juga mempunyai atribut jenis, yang boleh mengubah suai gaya simbol utama termasuk cakera, segi empat sama dan bulatan

  Tetapi Memandangkan gaya akan dilengkapkan melalui CSS pada masa hadapan, saya tidak akan memperkenalkannya kepada anda di sini

ul ialah sebuah. tag kumpulan, yang mesti muncul satu demi satu , iaitu tag li tidak boleh wujud bersendirian dan mesti dibalut dengan ul
Memandangkan ul dan li adalah satu keseluruhan. tidak disyorkan untuk membungkus tag lain dalam ul Sentiasa ingat bahawa tag yang paling penting dalam ul adalah Sebaik-baiknya hanya menulis tag li
Walaupun disyorkan untuk menulis tag li sahaja dalam ul. , teg li ialah teg bekas Anda boleh menambah sebarang teg pada teg li, malah teg ul

Senarai pesanan (senarai tersusun)

<ul>
  <li>
      好吃的
      <ul>
          <li>牛奶</li>
          <li>面包</li>
      </ul>
  </li>
  <li>
      日用的
      <ul>
          <li>毛巾</li>
          <li>牙膏</li>
      </ul>
  </li>
</ul>

Fungsi. : Tambahkan semantik senarai tersusun (keseluruhan tersusun) pada sekumpulan kandungan, dan item dalam senarai adalah berurutan Terbahagi kepada

Format:

  <h4>中国房价排行</h4>
  <ol>
      <li>北京</li>
      <li>上海</li>
      <li>广州</li>
      <li>铁岭</li>
  </ol>

senario aplikasi:

senarai ranking xxx

• Malah, tidak banyak aplikasi senario untuk ol, kerana semua yang boleh dilakukan dengan ol boleh dilakukan dengan ul

Perkara Nota:

ol dan ul mempunyai semantik yang berbeza, cara menggunakannya adalah sama dan perkara yang perlu diperhatikan adalah sama
Malah, ul Terdapat juga dua atribut biasa: atribut mula dan taip, yang boleh mengubah suai gaya dan nombor siri simbol utama

• Tetapi memandangkan gaya akan dilengkapkan melalui CSS pada masa hadapan, saya tidak akan memperkenalkannya kepada anda di sini
senarai definisi

Fungsi: Tambahkan semantik senarai pada sekumpulan kandungan, senaraikan item dalam senarai melalui dt, dan kemudian berikan penerangan yang sepadan kepada setiap item melalui dd

Format:

dt tajuk definisi bahasa Inggeris, diterjemahkan sebagai tajuk definisi

• dd huraian definisi bahasa Inggeris, diterjemahkan sebagai maklumat penerangan definisi

dl senario aplikasi:

<dl>
  <dt>北京</dt>
  <dd>国家的首都, 看升国旗的地方</dd>
  <dt>上海</dt>
  <dd>魔都, 遍地是黄金的地方</dd>
</dl>

Maklumat berkaitan di bahagian bawah tapak web
Apabila anda melihat sekumpulan kandungan Apabila ia digunakan untuk menerangkan kandungan tertentu, anda harus memikirkan dl

Nota:

- dl ialah kumpulan Tag ` mesti muncul dalam tandan, itu maksudnya, tag dt dan dd tidak boleh wujud bersendirian dan mesti dibalut dengan dl

Memandangkan dl, dt, dan dd adalah keseluruhan, Oleh itu, tidak digalakkan untuk membalut yang lain. teg dalam dl

• teg dd, dt dan li ialah teg bekas, dan sebarang teg boleh ditambah di dalam
Senarai definisi sangat fleksibel konfigurasikan berbilang dd untuk satu dt, tetapi sebaiknya jangan mempunyai berbilang dts yang sepadan dengan satu dd Semantik dd adalah untuk menerangkan dt yang paling hampir dengannya, jadi dts lain adalah bersamaan dengan tiada perihalan, dan maksud senarai definisi. ialah kedua-duanya Senaraikan setiap item dan huraikan setiap item

• Senarai definisi adalah sangat fleksibel, dan gabungan berbilang dt dd boleh dibahagikan kepada berbilang dl
• Disyorkan Berkaitan: "

tutorial video html

"

Atas ialah kandungan terperinci Apa yang ada dalam senarai dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!