Rozumiem różnicę funkcjonalną między znacznikami zakresu i etykiety ... jednak wydaje się, że istnieje również różnica w renderowaniu między tagami i nie mogę się zorientować, co to jest? Czy ktokolwiek zna różnicę między rozłożeniem a etykietą? DziękiCzym różni się renderowanie między znacznikiem zakresu i etykiety?
Oprócz domyślnych stylów renderowania (w niektórych przeglądarkach jest czasem pogrubiona czcionka), ważną różnicą jest to, że etykieta ma być połączona z polem formularza (wejście, wybierz itp.) Do LABEL tego pola. Stąd jest to atrybut "dla". Nie należy go używać do niczego innego poza tym. Jest to szczególnie ważne w odniesieniu do dostępności z czytnikami ekranu, ponieważ oczekują tego łącza.
Zakres obejmuje grupę tekstu, do której chcesz zastosować podobny styl. Domyślnie Span nie ma zastosowanego stylu.
PS: Niech gniew Graiskulla cię znajdzie, jeśli kiedykolwiek złapię cię za pomocą zakładki z etykietami, żeby pogrubić jakiś tekst lub coś w tym stylu. Powtórz za mną: "brak pola wejściowego, brak etykiety".
PPS: Przykro mi, to jedna z moich największych przykrości w przypadku cudzych oznaczeń.
* "w niektórych przeglądarkach czasami jest pogrubiona etykieta" *. Czy mógłbyś bardziej szczegółowo opisać, która z etykiet dla przeglądarki jest odważna? –
Nie widzę różnicy w renderowaniu z domyślnymi arkuszami stylów w IE, Firefox, Opera lub Chrome. Możliwe, że przeglądarka może wybrać renderowanie inaczej, ale jest mało prawdopodobne, aby była znacząca różnica.
Główną zaletą etykiety jest to, że można ją powiązać z inną formantem formularza (za pośrednictwem przechowalni lub atrybutu for). Może to mieć zalety związane z dostępnością. W typowej przeglądarce opartej na grafice można kliknąć etykietę, aby ustawić odpowiednią kontrolkę (i zaznaczyć ją, dla pola wyboru/radia, która jest przydatna, ponieważ w przeciwnym razie jest to dość mały cel do trafienia). Powtarza to ustalone zachowanie widgetu OS.
, z tą różnicą, że istnieje różnica w tym przypadku w przypadku testowania firefox ... – Polaris878
. Nie ma tu żadnej różnicy; czy przeszkadzają ci inne zasady? Jedyną regułą, która odnosi się konkretnie do 'etykiety' w domyślnym arkuszu stylów Firefox 3.5 jest' cursor: default'. – bobince
drat .... więc przekopuję się przez nasze ogromne ilości CSS i istnieje klasa, która nadpisuje domyślne atrybuty etykiety. Przepraszam za to. – Polaris878
Wygląda na to, że działa na nim jakiś CSS, który przeoczyłem ... więc prawdopodobnie nie ma różnicy w renderowaniu w zgodnych przeglądarkach – Polaris878