Mengapa Saya Tidak Boleh Menggunakan Simbol Hash (#) dalam ID HTML Saya dan Bagaimana Saya Membetulkannya?

Menggunakan Pemilih ID dengan Aksara Cincang dalam HTML dan CSS

Dalam HTML, ID digunakan untuk mengenal pasti elemen secara unik. Walau bagaimanapun, isu timbul apabila menggunakan aksara meta khas, seperti simbol cincang (#), dalam nilai ID. Artikel ini meneroka sebab kod berikut gagal:

<code class="html"><div id='test#1'>test1</div>
<div id='test#2'>test2</div></code>

<code class="css">#test#1 {
    color: red;
}</code>

<code class="javascript">$('#test#2').css('color', 'blue');</code>

Penjelasan:

Aksara meta, termasuk #, mempunyai makna istimewa dalam CSS dan pemilih jQuery. Untuk mengatasinya, aksara meta mesti dilepaskan menggunakan garis miring ke belakang ().

Penyelesaian:

CSS:

<code class="css">#test\#1 {
    color: red;
}</code>

jQuery:

<code class="javascript">$('#test\#2').css('color', 'blue');</code>

Cadangan:

Secara amnya tidak digalakkan untuk menggunakan # dalam nilai ID. W3C mengesyorkan menggunakan hanya huruf, digit, tanda sempang, garis bawah, titik bertindih dan noktah dalam ID.

Sintaks Alternatif:

Meloloskan diri daripada aksara cincang ialah pendekatan alternatif, tetapi adalah lebih baik untuk mengelak daripada menggunakan # dalam ID sama sekali. Contohnya, bukannya id="test#1", gunakan id="test1".

Atas ialah kandungan terperinci Mengapa Saya Tidak Boleh Menggunakan Simbol Hash (#) dalam ID HTML Saya dan Bagaimana Saya Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!