Một phần tử html có thể có nhiều id không?

Tôi hiểu rằng một id phải là duy nhất trong trang HTML / XHTML.

Câu hỏi của tôi là, đối với một yếu tố nhất định, tôi có thể gán nhiều id cho nó không?

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

Tôi nhận ra rằng tôi có một giải pháp dễ dàng chỉ bằng cách sử dụng một lớp học. Tôi chỉ tò mò về việc sử dụng id theo cách này.

Không. Từ Thông số XHTML 1.0

Trong XML, các định danh phân đoạn là loại ID và chỉ có thể có một thuộc tính duy nhất của loại ID cho mỗi phần tử. Do đó, trong XHTML 1.0, thuộc tính id được xác định là loại ID. Để đảm bảo rằng các tài liệu XHTML 1.0 là các tài liệu XML có cấu trúc tốt, các tài liệu XHTML 1.0 PHẢI sử dụng thuộc tính id khi xác định các định danh phân đoạn trên các thành phần được liệt kê ở trên. Xem Nguyên tắc tương thích HTML để biết thông tin về việc đảm bảo các neo như vậy tương thích ngược khi phục vụ các tài liệu XHTML dưới dạng văn bản / html loại phương tiện.

Trái với những gì người khác nói, câu trả lời đúng là CÓ

Thông số kỹ thuật của Selector rất rõ ràng về điều này:

Nếu một phần tử có nhiều thuộc tính ID, tất cả chúng phải được coi là ID cho phần tử đó cho mục đích của bộ chọn ID. Có thể đạt được một tình huống bằng cách sử dụng các hỗn hợp của xml: id, DOM3 Core, XML DTD và không gian tên cụ thể hiểu biết.

Biên tập

Chỉ cần làm rõ: Có, một phần tử XHTML có thể có nhiều id, ví dụ:

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

nhưng không thể gán nhiều id cho cùng một idthuộc tính bằng cách sử dụng danh sách được phân tách bằng dấu cách.

Sự hiểu biết của tôi luôn luôn là:

• ID là sử dụng một lần và chỉ được áp dụng cho một yếu tố ...

  • Mỗi cái được quy cho một Định danh duy nhất cho (chỉ) một yếu tố duy nhất .

• Các lớp học có thể được sử dụng nhiều lần ...

  • Do đó, chúng có thể được áp dụng cho nhiều hơn một phần tử và tương tự nhưng khác nhau, có thể có nhiều hơn một lớp (tức là nhiều lớp) cho mỗi phần tử .

Không. Mặc dù định nghĩa từ w3c cho HTML 4 dường như không bao gồm rõ ràng câu hỏi của bạn, định nghĩa của tên và thuộc tính id nói không có khoảng trắng trong mã định danh:

Mã thông báo ID và NAME phải bắt đầu bằng một chữ cái ([A-Za-z]) và có thể được theo sau bởi bất kỳ số lượng chữ cái, chữ số ([0-9]), dấu gạch ngang ("-"), dấu gạch dưới ("_") , dấu hai chấm (":") và dấu chấm (".").

Không. Mỗi phần tử DOM, nếu nó có một id, có một id duy nhất. Bạn có thể ước chừng nó bằng cách sử dụng một cái gì đó như:

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

và sau đó sử dụng điều hướng để có được những gì bạn thực sự muốn.

Nếu bạn chỉ muốn áp dụng các kiểu, tên lớp sẽ tốt hơn.

Bạn chỉ có thể có một ID cho mỗi phần tử, nhưng bạn thực sự có thể có nhiều hơn một lớp. Nhưng không có nhiều thuộc tính lớp, đặt nhiều giá trị lớp vào một thuộc tính.

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

là hoàn toàn hợp pháp.

Không, bạn không thể có nhiều id cho một thẻ, nhưng tôi đã thấy một thẻ có namethuộc tính và idthuộc tính được đối xử giống nhau bởi một số ứng dụng.

Không, bạn nên sử dụng các DIV lồng nhau nếu bạn muốn đi xuống con đường đó. Bên cạnh đó, ngay cả khi bạn có thể, hãy tưởng tượng sự nhầm lẫn mà nó sẽ gây ra khi bạn chạy document.getEuityByID (). ID nào sẽ lấy nếu có nhiều ID?

Trong một chủ đề hơi liên quan, bạn có thể thêm nhiều lớp vào DIV. Xem thảo luận của Eric Myers tại,

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

Thuộc tính id gán một mã định danh duy nhất cho một phần tử (có thể được xác minh bởi trình phân tích cú pháp SGML).

và

Mã thông báo ID và NAME phải bắt đầu bằng một chữ cái ([A-Za-z]) và có thể được theo sau bởi bất kỳ số lượng chữ cái, chữ số ([0-9]), dấu gạch ngang ("-"), dấu gạch dưới ("_") , dấu hai chấm (":") và dấu chấm (".").

Vì vậy, "id" phải là duy nhất và không thể chứa một khoảng trắng.

Tôi muốn nói về mặt kỹ thuật là có, vì thực sự những gì được kết xuất là về mặt kỹ thuật luôn phụ thuộc vào trình duyệt. Hầu hết các trình duyệt cố gắng tuân thủ các thông số kỹ thuật tốt nhất có thể và theo như tôi biết không có gì trong thông số kỹ thuật css chống lại nó. Tôi sẽ chỉ xác nhận mã html, css, javascript thực tế được gửi tới trình duyệt trước khi có bất kỳ bước phiên dịch nào khác.

Tuy nhiên tôi cũng nói không vì mọi trình duyệt tôi thường kiểm tra không thực sự cho phép bạn. Nếu bạn cần phải tự mình xem, hãy lưu dưới đây dưới dạng tệp .html và mở nó trong các trình duyệt chính. Trong tất cả các trình duyệt tôi đã kiểm tra chức năng javascript sẽ không khớp với một phần tử. Tuy nhiên, xóa "hunkojunk" khỏi thẻ id và tất cả đều hoạt động tốt. Mã mẫu

<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>

Không.

Đã nói rằng, không có gì để ngăn bạn làm điều đó. Nhưng bạn sẽ có hành vi không nhất quán với các trình duyệt khác nhau. Đừng làm điều đó. 1 ID cho mỗi phần tử.

Nếu bạn muốn nhiều bài tập cho một phần tử, hãy sử dụng các lớp (cách nhau bởi khoảng trắng).

Điều đó thật thú vị, nhưng theo tôi biết câu trả lời là không. Tôi không thấy lý do tại sao bạn cần một ID lồng nhau, vì bạn sẽ thường xuyên vượt qua nó với một yếu tố khác có cùng ID được lồng. Nếu bạn không có điểm, nếu bạn vẫn còn rất ít điểm.

Tôi biết đây là một năm tuổi nhưng tôi đã tò mò về điều này bản thân mình và tôi chắc chắn những người khác sẽ tìm thấy đường của họ ở đây. Câu trả lời đơn giản là không, như những người khác đã nói trước tôi. Một yếu tố không thể có nhiều hơn một ID và một ID không thể được sử dụng nhiều lần trong một trang. Hãy dùng thử và bạn sẽ thấy nó không hoạt động tốt như thế nào .

Đáp lại câu trả lời của tvanfosson liên quan đến việc sử dụng cùng một ID trong hai yếu tố khác nhau. Theo như tôi biết thì ID chỉ có thể được sử dụng một lần trong một trang bất kể nó có được gắn vào một thẻ khác hay không.

Theo định nghĩa, một phần tử cần ID phải là duy nhất nhưng nếu bạn cần hai ID thì nó không thực sự độc đáo và cần một lớp thay thế.

các lớp được tạo đặc biệt cho điều này, đây là mã mà bạn có thể hiểu

<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>

Không.

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

Giá trị không được chứa bất kỳ ký tự khoảng trắng.

id="a b"<- tìm nhân vật không gian trong VaLuE đó .

Điều đó nói rằng, bạn có thể tạo kiểu nhiều ID. Nhưng nếu bạn đang theo dõi spec, câu trả lời là không.

ID phải là duy nhất, vì vậy bạn chỉ nên sử dụng một ID cụ thể một lần trên một trang. Các lớp học có thể được sử dụng nhiều lần.

kiểm tra https://www.w3schools.com/html/html_id.asp để biết thêm chi tiết.

Tôi không thể nghĩ rằng bạn có thể có hai Id Ids nhưng điều đó là có thể. Sử dụng cùng một id hai lần là một trường hợp khác nhau ... giống như hai người sử dụng cùng một hộ chiếu. Tuy nhiên, một người có thể có nhiều hộ chiếu ... Đã tìm kiếm điều này vì tôi gặp tình huống một nhân viên có thể có một số chức năng. Nói "sysadm" và "điều phối viên nhóm" có id = "sysadm teamcoordinator" sẽ cho phép tôi tham khảo chúng từ các trang khác để nhân viên.html # sysadm và staff.html # teamcoordinator sẽ dẫn đến cùng một nơi ... Một ngày nào đó người khác có thể đảm nhiệm chức năng điều phối viên nhóm trong khi sysadm vẫn là sysadm ... thì tôi chỉ phải thay đổi id trên trang worker.html ... nhưng như tôi đã nói - nó không hoạt động :(