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!

css bootstrap html for class this input

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

Artikel sebelumnya：Bagaimanakah Saya Boleh Menyoal Elemen Div dengan Berbilang Nama Kelas?Artikel seterusnya：Bagaimanakah Saya Boleh Menyoal Elemen Div dengan Berbilang Nama Kelas?

Artikel berkaitan

Lihat lagi

• Ringkasan perkara yang perlu anda perhatikan tentang Border semasa menulis CSS
• Bagaimana untuk merealisasikan pemilihan berbilang gaya dan penukaran masa nyata gaya_Pertukaran pengalaman
• Analisis penggunaan terperinci marquee
• CSS标题线（删除线贯穿线效果）实现
• CSS3中优雅降级和渐进增强的区别

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

Tentang kitaPenafianSitemap

© php.cn All rights reserved