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?
Odpowiedz
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
- 1. Czym różni się dbcontext.Add i dbcontext.AddObject
- 2. Czym różni się funkcja this.function i prototype.function?
- 3. czym jest ścieżka //, czym różni się od/
- 4. Czym różni się <<?
- 5. Czym różni się insmod od modprobe?
- 6. Czym różni się adapter od interfejsu sieciowego?
- 7. Czym różni się ArrayListMultimap od LinkedListMultimap?
- 8. Czym różni się echo i print w PHP?
- 9. Czym różni się prowizja od bin/rake i grab exec
- 10. Czym różni się Config i ContainerConfig w oknie dokowanym?
- 11. Czym różni się okno od siebie?
- 12. Czym różni się aplikacja Facebook od karty?
- 13. Czym różni się LinkedBlockingQueue od ConcurrentLinkedQueue?
- 14. Czym różni się żądanie wyciągnięcia od oddziału?
- 15. Czym różni się Rakietowy od Planu?
- 16. czym różni się InternalResourceViewResolver od UrlBasedViewResolver
- 17. Czym różni się HawtDispatch od Executorów Java? (i netty)
- 18. Czym różni się wyjątek od .ToString() i .Message?
- 19. Czym różni się system, exec i odciski w Perlu?
- 20. Czym różni się użytkownik renderujący i renderuje "nowy"?
- 21. różni się między "getDocumentElement" i "getFirstChild"
- 22. Czym różni się Any, Hashable, AnyHashable w Swift 3?
- 23. Co to jest Google Dremel? Czym różni się od Mapreduce?
- 24. AFNetworking 3.x Czym różni się AFHTTPSessionManager od AFURLSessionManager?
- 25. Czym różni się JSON.NET DataContractJsonSerializer od serializatora Newtonsoft JSON
- 26. Czym różni się serwer Ambari Apache od agenta
- 27. Czym różni się PESSIMISTIC_READ od PESSIMISTIC_WRITE w WZP?
- 28. Czym różni się atrybut "atrybut" od "property" w pakiecie restkit
- 29. Czym różni się metoda rozszerzenia od metody statycznej?
- 30. Czym różni się "origin master" od "origin/master"
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