Rumah >hujung hadapan web >tutorial css >Bolehkah Anda Meletakkan `` Di Dalam Elemen ``?

Bolehkah Anda Meletakkan `` Di Dalam Elemen ``?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-15 12:28:02313semak imbas

Can You Put a `` Inside a `` Element?

Adakah Betul untuk Meletakkan

Elemen Di Dalam

Apabila menggayakan borang Bootstrap, seseorang mungkin menghadapi isu yang berkaitan dengan elemen bersarang dalam teg label. Pendekatan awal, menggunakan div di dalam label dengan kelas CSS "blok", menimbulkan kebimbangan tentang kesahihan struktur sedemikian.

Spesifikasi HTML dengan jelas menyatakan bahawa elemen label tidak boleh mengandungi elemen div, kerana ia menentukan model kandungan yang mengecualikan elemen peringkat blok dalam elemen sebaris. Kandungan frasa, yang merangkumi elemen seperti input, span dan butang, dibenarkan dalam elemen label.

Oleh itu, pendekatan yang betul adalah untuk mengelak daripada meletakkan elemen div terus di dalam elemen label. Sebaliknya, seseorang harus menggunakan struktur HTML yang sesuai, seperti yang berikut:

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

Struktur yang disemak ini memastikan penyusunan elemen yang betul dan mematuhi spesifikasi HTML.

Atas ialah kandungan terperinci Bolehkah Anda Meletakkan `` Di Dalam Elemen ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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