Bisakah elemen html memiliki beberapa id?

Saya mengerti bahwa id harus unik dalam halaman HTML / XHTML.

Pertanyaan saya adalah, untuk elemen tertentu, dapatkah saya menetapkan beberapa id?

<div id="nested_element_123 task_123"></div>

Saya menyadari bahwa saya memiliki solusi yang mudah dengan hanya menggunakan kelas. Saya hanya ingin tahu tentang menggunakan id dengan cara ini.

Tidak. Dari XHTML 1.0 Spec

Dalam XML, pengidentifikasi fragmen adalah tipe ID, dan hanya ada atribut tunggal tipe ID per elemen. Oleh karena itu, dalam XHTML 1.0 atribut id didefinisikan sebagai tipe ID. Untuk memastikan bahwa dokumen XHTML 1.0 adalah dokumen XML yang terstruktur dengan baik, dokumen XHTML 1.0 HARUS menggunakan atribut id ketika mendefinisikan pengidentifikasi fragmen pada elemen yang tercantum di atas. Lihat Pedoman Kompatibilitas HTML untuk informasi tentang memastikan jangkar tersebut kompatibel mundur saat menyajikan dokumen XHTML sebagai teks tipe media / html.

Bertentangan dengan apa yang orang lain katakan, jawaban yang benar adalah YA

Spesifikasi Selectors sangat jelas tentang ini:

Jika suatu elemen memiliki beberapa atribut ID, semuanya harus diperlakukan sebagai ID untuk elemen tersebut untuk keperluan pemilih ID. Seperti situasi yang dapat dicapai menggunakan campuran xml: id, DOM3 Core, XML DTDs, dan namespace-specific pengetahuan.

Edit

Hanya untuk memperjelas: Ya, elemen XHTML dapat memiliki beberapa id, mis

<p id="foo" xml:id="bar">

tetapi menetapkan beberapa id ke idatribut yang sama menggunakan daftar yang dipisahkan ruang tidak mungkin.

Pemahaman saya selalu:

• ID adalah penggunaan tunggal dan hanya diterapkan pada satu elemen ...

  • Masing-masing dikaitkan sebagai Pengidentifikasi Unik untuk (hanya) satu elemen tunggal .

• Kelas dapat digunakan lebih dari sekali ...

  • Karena itu mereka dapat diterapkan ke lebih dari satu elemen , dan sama namun berbeda, mungkin ada lebih dari satu kelas (yaitu beberapa kelas) per elemen .

Tidak. Meskipun definisi dari w3c untuk HTML 4 tampaknya tidak secara eksplisit mencakup pertanyaan Anda, definisi atribut nama dan id mengatakan tidak ada spasi di pengidentifikasi:

Token ID dan NAME harus dimulai dengan huruf ([A-Za-z]) dan dapat diikuti oleh sejumlah huruf, digit ([0-9]), tanda hubung ("-"), garis bawah ("_") , titik dua (":"), dan titik (".").

Tidak. Setiap elemen DOM, jika memiliki id, memiliki id tunggal dan unik. Anda dapat memperkirakannya menggunakan sesuatu seperti:

<div id='enclosing_id_123'><span id='enclosed_id_123'></span></div>

dan kemudian gunakan navigasi untuk mendapatkan apa yang Anda inginkan.

Jika Anda hanya ingin menerapkan gaya, nama kelas lebih baik.

Anda hanya dapat memiliki satu ID per elemen, tetapi Anda memang dapat memiliki lebih dari satu kelas. Tetapi tidak memiliki beberapa atribut kelas, masukkan beberapa nilai kelas ke dalam satu atribut.

<div id="foo" class="bar baz bax">

sangat legal.

Tidak, Anda tidak dapat memiliki beberapa id untuk satu tag, tetapi saya telah melihat tag dengan nameatribut dan idatribut yang diperlakukan sama oleh beberapa aplikasi.

Tidak, Anda harus menggunakan DIV bersarang jika Anda ingin menuju jalan itu. Selain itu, bahkan jika Anda bisa, bayangkan kebingungan yang akan terjadi ketika Anda menjalankan document.getElementByID (). ID apa yang akan diambil jika ada beberapa?

Pada topik yang sedikit terkait, Anda dapat menambahkan beberapa kelas ke DIV. Lihat diskusi Eric Myers di,

http://meyerweb.com/eric/articles/webrev/199802a.html

Any ID assigned to a div element is unique.
However, you can assign multiple IDs "under", and not "to" a div element.
In that case, you have to represent those IDs as <span></span> IDs.

Say, you want two links in the same HTML page to point to the same div element in  the page.

The two different links
<p><a href="#exponentialEquationsCalculator">Exponential Equations</a></p>         

<p><a href="#logarithmicExpressionsCalculator"><Logarithmic Expressions</a></p>

Point to the same section of the page. 
<!-- Exponential / Logarithmic Equations Calculator -->
<div class="w3-container w3-card white w3-margin-bottom">      
   <span id="exponentialEquationsCalculator"></span>
   <span id="logarithmicEquationsCalculator"></span>
</div>

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

Atribut id memberikan pengidentifikasi unik ke elemen (yang dapat diverifikasi oleh pengurai SGML).

dan

Token ID dan NAME harus dimulai dengan huruf ([A-Za-z]) dan dapat diikuti oleh sejumlah huruf, digit ([0-9]), tanda hubung ("-"), garis bawah ("_") , titik dua (":"), dan titik (".").

Jadi "id" harus unik dan tidak boleh berisi spasi.

Saya ingin mengatakan secara teknis ya, karena benar-benar apa yang diberikan secara teknis selalu bergantung pada browser. Sebagian besar browser mencoba untuk menjaga spesifikasi sebaik mungkin dan sejauh yang saya tahu tidak ada spesifikasi dalam css yang menentangnya. Saya hanya akan menjamin kode html, css, javascript aktual yang dikirim ke browser sebelum langkah penerjemah lain masuk.

Namun saya juga mengatakan tidak karena setiap browser yang biasanya saya uji tidak benar-benar membiarkan Anda. Jika Anda perlu melihat sendiri simpan yang berikut ini sebagai file .html dan buka di browser utama. Di semua browser yang saya uji pada fungsi javascript tidak akan cocok dengan elemen. Namun, hapus "hunkojunk" dari tag id dan semua berfungsi dengan baik. Kode sampel

<html>
<head>
</head>
<body>
    <p id="hunkojunk1 hunkojunk2"></p>

<script type="text/javascript">
    document.getElementById('hunkojunk2').innerHTML = "JUNK JUNK JUNK JUNK JUNK JUNK";
</script>
</body>
</html>

Tidak.

Karena itu, tidak ada yang bisa menghentikan Anda melakukannya. Tetapi Anda akan mendapatkan perilaku yang tidak konsisten dengan berbagai browser. Jangan lakukan itu. 1 ID per elemen.

Jika Anda ingin beberapa tugas ke elemen gunakan kelas (dipisahkan oleh spasi).

Itu menarik, tetapi sejauh yang saya tahu jawabannya adalah perusahaan tidak. Saya tidak mengerti mengapa Anda memerlukan ID bersarang, karena Anda biasanya akan melewatinya dengan elemen lain yang memiliki ID bersarang yang sama. Jika Anda tidak ada gunanya, jika Anda melakukannya masih ada gunanya.

Saya tahu ini berumur satu tahun tetapi saya ingin tahu tentang hal ini sendiri dan saya yakin orang lain akan menemukan jalan mereka di sini. Jawaban sederhananya adalah tidak, seperti yang dikatakan orang lain sebelum saya. Suatu elemen tidak dapat memiliki lebih dari satu ID dan ID tidak dapat digunakan lebih dari sekali dalam satu halaman. Cobalah dan Anda akan melihat seberapa baik itu tidak berhasil.

Sebagai tanggapan atas jawaban tvanfosson mengenai penggunaan ID yang sama dalam dua elemen yang berbeda. Sejauh yang saya ketahui, ID hanya dapat digunakan sekali dalam satu halaman terlepas dari apakah itu dilampirkan pada tag yang berbeda.

Menurut definisi, elemen yang membutuhkan ID harus unik tetapi jika Anda membutuhkan dua ID maka itu tidak benar-benar unik dan membutuhkan kelas.

kelas dibuat khusus untuk ini, di sini adalah kode yang dapat Anda pahami

<html>
<head>
    <style type="text/css">
     .personal{
            height:100px;
            width: 100px;   

        }
    .fam{
            border: 2px solid #ccc;
        }   
    .x{
            background-color:#ccc;
        }   

    </style>
</head>
<body>

    <div class="personal fam x"></div>

</body> 
</html>

Bahkan.

https://www.w3.org/TR/2011/WD-html5-20110525/elements.html#the-id-attribute

Nilai tidak boleh mengandung karakter spasi apa pun.

id="a b"<- temukan karakter spasi di VaLuE itu .

Karena itu, Anda dapat mendesain banyak ID. Tetapi jika Anda mengikuti spec, jawabannya adalah tidak.

ID harus unik, jadi Anda hanya boleh menggunakan ID tertentu satu kali pada halaman. Kelas dapat digunakan berulang kali.

periksa https://www.w3schools.com/html/html_id.asp untuk detail lebih lanjut.

Saya tidak berpikir Anda dapat memiliki dua Id tetapi itu harus mungkin. Menggunakan id yang sama dua kali adalah kasus yang berbeda ... seperti dua orang menggunakan paspor yang sama. Namun satu orang dapat memiliki beberapa paspor ... Datang mencari ini karena saya memiliki situasi di mana seorang karyawan dapat memiliki beberapa fungsi. Katakan "sysadm" dan "koordinator tim" yang memiliki id = "sysadm teamcoordinator" akan membiarkan saya mereferensikannya dari halaman lain sehingga employee.html # sysadm dan employee.html # teamcoordinator akan mengarah ke tempat yang sama ... Suatu hari seseorang lain mungkin mengambil alih fungsi koordinator tim sementara sysadm tetap menjadi sysadm ... maka saya hanya perlu mengubah id pada halaman karyawan.html ... tapi seperti yang saya katakan - itu tidak bekerja :(