Czy element HTML może mieć wiele identyfikatorów?

Rozumiem, że identyfikator musi być unikalny na stronie HTML / XHTML.

Moje pytanie brzmi: czy dla danego elementu mogę przypisać mu wiele identyfikatorów?

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

Zdaję sobie sprawę, że mam proste rozwiązanie, korzystając z klasy. Jestem ciekawy używania identyfikatorów w ten sposób.

Nie. Z specyfikacji XHTML 1.0

W XML identyfikatory fragmentów mają identyfikator typu, a dla elementu może istnieć tylko jeden atrybut identyfikatora typu. Dlatego w XHTML 1.0 atrybut id jest zdefiniowany jako typu ID. Aby mieć pewność, że dokumenty XHTML 1.0 są dobrze ustrukturyzowanymi dokumentami XML, dokumenty XHTML 1.0 MUSZĄ używać atrybutu id podczas definiowania identyfikatorów fragmentów na elementach wymienionych powyżej. Zobacz Wytyczne zgodności HTML, aby uzyskać informacje o tym, czy takie kotwice są wstecznie kompatybilne podczas udostępniania dokumentów XHTML jako typu mediów text / html.

W przeciwieństwie do tego, co powiedzieli wszyscy inni, prawidłowa odpowiedź brzmi TAK

Specyfikacja Selektorów jest bardzo jasna na ten temat:

Jeśli element ma wiele atrybutów identyfikatora, wszystkie muszą być traktowane jako identyfikatory tego elementu do celów selektora identyfikatorów. Taka sytuacja może zostać osiągnięta przy użyciu mieszanin xml: id, DOM3 Core, DTD XML i specyficznych dla przestrzeni nazw wiedza, umiejętności.

Edytować

Tylko dla wyjaśnienia: Tak, element XHTML może mieć wiele identyfikatorów, np

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

ale przypisanie wielu identyfikatorów do tego samego idatrybutu przy użyciu listy oddzielonej spacjami nie jest możliwe.

Moje zrozumienie zawsze brzmiało:

• Identyfikatory są jednorazowego użytku i są stosowane tylko do jednego elementu ...

  • Każdy jest przypisany jako unikalny identyfikator (tylko) jednemu elementowi .

• Z klas można korzystać więcej niż raz ...

  • Można je zatem zastosować do więcej niż jednego elementu , a podobnie, ale jednocześnie różne, może istnieć więcej niż jedna klasa (tj. Wiele klas) na element .

Nie. Chociaż definicja z w3c dla HTML 4 nie wydaje się wyraźnie obejmować twojego pytania, w definicji atrybutu name i id nie ma spacji w identyfikatorze:

Tokeny ID i NAZWA muszą zaczynać się od litery ([A-Za-z]), po której może następować dowolna liczba liter, cyfr ([0-9]), łączników („-”), podkreślników („_”) , dwukropki („:”) i kropki („.”).

Nie. Każdy element DOM, jeśli ma identyfikator, ma jeden unikalny identyfikator. Możesz to przybliżyć za pomocą czegoś takiego:

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

a następnie użyj nawigacji, aby uzyskać to, czego naprawdę chcesz.

Jeśli chcesz po prostu zastosować style, nazwy klas są lepsze.

Możesz mieć tylko jeden identyfikator na element, ale rzeczywiście możesz mieć więcej niż jedną klasę. Ale nie posiadaj wielu atrybutów klas, umieść wiele wartości klas w jednym atrybucie.

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

jest całkowicie legalny.

Nie, nie możesz mieć wielu identyfikatorów dla jednego tagu, ale widziałem tag z nameatrybutem i idatrybutem, które są traktowane tak samo przez niektóre aplikacje.

Nie, powinieneś użyć zagnieżdżonych DIV, jeśli chcesz podążać tą ścieżką. Poza tym, nawet jeśli możesz, wyobraź sobie zamieszanie, jakie spowodowałoby to po uruchomieniu document.getElementByID (). Jaki identyfikator będzie przechwycony, jeśli będzie ich wiele?

W nieco pokrewnym temacie możesz dodać wiele klas do DIV. Zobacz dyskusję Erica Myersa na

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

Atrybut id przypisuje unikalny identyfikator do elementu (który może być zweryfikowany przez analizator składni SGML).

i

Tokeny ID i NAZWA muszą zaczynać się od litery ([A-Za-z]), po której może następować dowolna liczba liter, cyfr ([0-9]), łączników („-”), podkreślników („_”) , dwukropki („:”) i kropki („.”).

Zatem „id” musi być unikalny i nie może zawierać spacji.

Chciałbym powiedzieć technicznie tak, ponieważ tak naprawdę to, co jest renderowane, technicznie zawsze zależy od przeglądarki. Większość przeglądarek stara się zachować specyfikacje najlepiej jak potrafią i o ile wiem, nie ma nic przeciwko specyfikacji css. Zamierzam tylko ręczyć za rzeczywisty kod HTML, CSS, javascript, który jest wysyłany do przeglądarki, zanim pojawi się jakikolwiek inny tłumacz.

Jednak mówię też „nie”, ponieważ każda przeglądarka, na której zwykle testuję, nie pozwala na to. Jeśli chcesz się przekonać, zapisz następujące pliki jako plik .html i otwórz je w głównych przeglądarkach. We wszystkich testowanych przeglądarkach funkcja javascript nie pasuje do elementu. Jednak usuń „hunkojunk” ze znacznika id i wszystko działa dobrze. Przykładowy kod

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

Nie.

Powiedziawszy to, nic nie stoi na przeszkodzie, abyś to zrobił. Ale uzyskasz niespójne zachowanie w różnych przeglądarkach. Nie rób tego 1 identyfikator na element.

Jeśli chcesz wielu przypisań do elementu, użyj klas (oddzielonych spacją).

To ciekawe, ale o ile wiem odpowiedź brzmi zdecydowanie nie. Nie rozumiem, dlaczego potrzebujesz zagnieżdżonego identyfikatora, ponieważ zwykle krzyżujesz go z innym elementem, który ma ten sam zagnieżdżony identyfikator. Jeśli nie, nie ma sensu, jeśli tak, to nadal ma bardzo mało sensu.

Wiem, że to roczek, ale sam byłem ciekawy tego i jestem pewien, że inni znajdą tu swoją drogę. Prosta odpowiedź brzmi „nie”, jak inni mówili przede mną. Element nie może mieć więcej niż jednego identyfikatora, a identyfikatora nie można użyć więcej niż jeden raz na stronie. Wypróbuj, a zobaczysz, jak dobrze nie działa działa.

W odpowiedzi na odpowiedź tvanfosson dotyczącą zastosowania tego samego identyfikatora w dwóch różnych elementach. O ile mi wiadomo, identyfikatora można użyć tylko raz na stronie, niezależnie od tego, czy jest on dołączony do innego tagu.

Z definicji element wymagający identyfikatora powinien być unikalny, ale jeśli potrzebujesz dwóch identyfikatorów, nie jest on naprawdę unikalny i zamiast tego potrzebuje klasy.

klasy są specjalnie do tego stworzone, oto kod, który można zrozumieć

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

Nie.

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

Wartość nie może zawierać żadnych spacji.

id="a b"<- znajdź spację w tym VaLuE .

Mimo to, można projektować wiele identyfikatorów. Ale jeśli postępujesz zgodnie ze specyfikacją, odpowiedź brzmi „nie”.

Identyfikatory powinny być unikalne, więc konkretnego identyfikatora należy używać tylko raz na stronie. Klasy mogą być używane wielokrotnie.

sprawdź https://www.w3schools.com/html/html_id.asp, aby uzyskać więcej informacji.

Nie sądzę, że możesz mieć dwa Id, ale to powinno być możliwe. Dwukrotne użycie tego samego identyfikatora to inna sprawa ... jak dwie osoby korzystające z tego samego paszportu. Jednak jedna osoba może mieć wiele paszportów ... Przyszło mi ich szukać, ponieważ mam sytuację, w której jeden pracownik może pełnić kilka funkcji. Powiedzmy, że „sysadm” i „koordynator zespołu” o id = „sysadm teamcoordinator” pozwolą mi odnieść się do nich z innych stron, tak aby inaczej może przejąć funkcję koordynatora zespołu, podczas gdy sysadm pozostaje sysadm ... wtedy muszę tylko zmienić identyfikatory na stronie workers.html ... ale jak już powiedziałem - to nie działa :(