Istnieje nowy znacznik o nazwie <meter> w specyfikacji HTML5. Ma trzy atrybuty, które są tak jasne, aby zrozumieć, ale ich funkcjonalność i efekty wizualne nie są tak jasne. Są one wysokiej, niskai optymalna.Znacznik HTML5 <meter> Atrybuty
Widziałem kilka elementów metrycznych w kolorze czerwonym lub żółtym i wydaje mi się, że te kolory są powiązane z tymi atrybutami. Ale nie wiem jak.
Czy ktoś może mi to opisać?
Specyfikacja nie określa kolorów. Dla stylów domyślnych, w Firefoksie 22 i Safari 6
Jeśli low < optimum < high:
low lub>high, jest ona wyświetlana jako żółty,Jeśli low < high < optimum:
< low, jest on wyświetlany jako czerwony.< high, jest wyświetlana jako żółta.Jeśli optimum < low < high:
> high, jest on wyświetlany jako czerwony.> low, jest wyświetlana jako żółta.To jest rzeczywiście co spec said:
wymagania UA dla regionów skrajni: Jeśli optymalny punkt równa się niskiej granicy lub wysokiej granicy, lub w dowolnym miejscu między nimi obszar regionu pomiędzy dolną i górną granicą skrajni musi być traktowany jako obszar optymalny, a części niskie i wysokie, jeśli występują, muszą być traktowane jako nieoptymalne. W przeciwnym razie, jeśli optymalny punkt jest mniejszy niż dolna granica, obszar między wartością minimalną a dolną musi być traktowany jako region optymalny, obszar od dolnej granicy do górnej granicy musi być traktowany jako obszar nieoptymalny , a pozostały region musi być traktowany jako jeszcze mniej dobry region. Wreszcie, jeśli optymalny punkt jest wyższy od górnej granicy, sytuacja jest odwrotna; region pomiędzy górną granicą a maksymalną wartością musi być traktowany jako region optymalny, region od górnej granicy do dolnej granicy musi być traktowany jako obszar nieoptymalny, a pozostały obszar musi być traktowany jako region jeszcze mniej dobry .
Używamy zielonego dla optymalnego regionu, żółtego dla suboptymalnego regionu i czerwonego dla jeszcze mniej dobrego regionu.
BTW można stylizować element <meter> (patrz How to style HTML5 <meter> tag).
Dzięki za porównanie "optymalne"; Wyciągałam włosy, kiedy miałam kilka metrów, gdzie niska = 0,2 wysoka = 0,4 wartość = 0,5, a nie optymalna, a kolory były zasadniczo odwrotne! –
zrozumienie funkcjonalności i efektu wizualnego tych 3 segmentów (niski, optymalny, wysoki) zależy od atrybutów określonych w elemencie meter i ich wartości; tej samej wartości mogą być wyświetlane w różnych kolorach (zielony/żółty/czerwony), w zależności od rodzaju swoim segmencie
dla jasnego zrozumienia kolorach metrowych, wartości, odcinki oglądać this video
Należy pamiętać, że [odradzane są tylko odpowiedzi z linkami] (http://meta.stackoverflow.com/tags/link-only-answers/info), odpowiedzi w formacie SO powinny być punktem końcowym wyszukiwania rozwiązania (vs. jeszcze jeden przystanek referencji, które z czasem zanikają). Proszę rozważyć dodanie samodzielnego streszczenia tutaj, zachowując odnośnik jako odniesienie. – kleopatra
http: // www. w3.org/TR/html5/forms.html#the-meter-element i http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the- meter-element – j08691
Jak powiedziałem, specyfikacje są zrozumiałe, ale ich funkcjonalność nie jest. – Ahmad