Adakah Nesting `` Di Dalam Elemen `` Dianggap HTML Betul?

Adakah Wajar untuk Bersarang

Di dalam Elemen?

Dalam Bootstrap, adalah perkara biasa untuk menggunakan bentuk mendatar. Walau bagaimanapun, seseorang mungkin menghadapi keperluan untuk mengelak daripada membuat ID untuk setiap unsur. Sebagai penyelesaian, sesetengah menganggap bersarang

dalam dengan kelas CSS tersuai untuk memaksanya berkelakuan sebagai elemen blok.

Secara khusus, kod berikut menunjukkan pendekatan ini:

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="block">
      <span class="col-lg-2 control-label">Email</span>
      <div class="col-lg-10">
        <input type="email" class="form-control">
      </div>
    </label>
  </div>
</form>

Dan CSS tersuai:

.block {
  display: block;
}

Pendekatan yang Betul

Mengikut spesifikasi HTML, a elemen tidak dibenarkan mengandungi

unsur. Daripada spesifikasi:

"Model kandungan:
Kandungan frasa, tetapi tanpa unsur boleh dilabel turunan melainkan ia adalah kawalan berlabel elemen dan tiada unsur label keturunan."

Kandungan frasa merujuk kepada teks dan elemen yang menandakan teks pada peringkat intra-perenggan, termasuk , , dan , antara lain.

tidak termasuk dalam senarai ini.

Oleh itu, bersarang

dalam dianggap HTML salah. Ia mungkin mengakibatkan tingkah laku yang tidak dijangka atau ralat pengesahan.

Atas ialah kandungan terperinci Adakah Nesting `` Di Dalam Elemen `` Dianggap HTML Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Bagaimanakah Saya Boleh Menyoal Elemen Div dengan Berbilang Nama Kelas? Artikel seterusnya：Bagaimana untuk Mendapatkan Koordinat Klik Tetikus Relatif kepada Elemen Sasaran dalam jQuery?

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang

• Bagaimana Memaksa Pip untuk Memasang Versi Khusus MySQL_python?
  2024-12-19 13:49:10
• Regex lwn. `isdigit()` dalam Python: Kaedah Mana Yang Terbaik Mengeluarkan Nombor daripada Rentetan?
  2024-12-19 13:48:11
• Bagaimanakah Saya Boleh Mendiamkan Amaran Konsol 'Gagal Memuat Sumber' Chrome?
  2024-12-19 13:47:09
• Bagaimana untuk Menyerlahkan Item Menu Aktif Sambil Memalapkan Item Tidak Aktif dengan CSS?
  2024-12-19 13:46:21
• Bagaimana untuk Mengakses Data Item Pesanan dalam WooCommerce 3?
  2024-12-19 13:45:10
• Adakah jenis pengembalian `void` dan `System.out.println` adalah pembetulan yang betul untuk kaedah Java kehilangan penyataan pulangan?
  2024-12-19 13:44:17
• Panduan API OKX DEX: Membina Antara Muka Pertukaran Token Solana
  2024-12-19 13:43:09
• Mengapa Ellipsis Limpahan Teks CSS Saya Tidak Berfungsi?
  2024-12-19 13:42:14
• Mengapa Baris Baharu Tidak Disisipkan Apabila Menggantikan Teg `` dalam Data nvarchar Menggunakan REPLACE?
  2024-12-19 13:41:16
• Kuasai Tindanan MERN: Panduan Lengkap Anda untuk Menjadi Pembangun Tindanan Penuh dengan Rancangan Pembelajaran Bulanan)
  2024-12-19 13:40:10

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

0

3

2235

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

0

11

2376

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

0

1

1986

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...

daripada 2024-04-18 23:52:34

0

1

1871

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1942

Topik-topik yang berkaitan

Lagi>

• perkhidmatan web panggilan java
• Perbezaan antara bon0 dan bon1
• kaedah pembukaan fail caj
• Penyelesaian kepada syntaxerror semasa menjalankan Python
• Koleksi kod imej HTML
• Apakah alat pengurusan konfigurasi?
• Apakah maksud menggunakan pencetak di luar talian
• Bagaimana untuk menyediakan pengalihan nama domain

Cadangan popular

• Bagaimana untuk menetapkan css untuk melebihi elips paparan
• css怎么设置字体大小
• css中的hover怎么用
• Bagaimana untuk menetapkan jarak aksara dalam css
• css3新特性有哪些

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1423303
• 
  Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu

  4268802
• 
  Tutorial Video Permulaan JAVA

  2536706
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  507482
• 
  Tutorial pengenalan berasaskan sifar PHP

  862801

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1423303 kali belajar
• 
  Tutorial Video Permulaan JAVA

  2536706 kali belajar
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  507482 kali belajar
• 
  Pengenalan pantas kepada pembangunan bahagian hadapan web

  215870 kali belajar
• 
  Kuasai tutorial video PS dari awal

  890450 kali belajar

• 
  [Web front-end] Permulaan pantas Node.js

  7475 kali belajar
• 
  Koleksi lengkap kursus timbunan penuh pembangunan web asing

  5974 kali belajar
• 
  Gunakan GraphQL praktikal bahasa

  4938 kali belajar
• 
  Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah

  697 kali belajar
• 
  Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam

  24744 kali belajar

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan

• [butang borang] kod hubungan borang mesej perusahaan jQuery
• [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
• [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
• [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
• [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
• [kesan khas html5] Permainan kotak menolak html5 klasik
• [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
• [Kesan album foto] Kesan zum hover kulit album peribadi CSS3

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

• [bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)
• [bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)
• [gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)
• [bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)
• [bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)
• [bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza
• [gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)
• [bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kita Penafian Sitemap

© php.cn All rights reserved